Partial update of unobtrusive ajax in ASP. NET MVC

The user uses Linq to SQL to communicate with the database. to use the table as the product, first we need to reference the unobtrusive js file [html] <script src = "@ Url. Content ("~ /Scripts/jquery. unobtrusive-ajax.min.js ")" type = "text/javascript"> </script> Step 1: Create ProductControl [csharp] public class ProductController: Controller {TestDBDataContext context = new TestDBDataContext (); /// GET:/Product/public ActionResult Index () {var products = (from product in context. getTable <Product> () select product ). toList (); ViewData ["products"] = products; return View ();} public CtionResult AddProduct (Product productModel) {productModel. createTime = DateTime. now; context. products. insertOnSubmit (productModel); context. submitChanges (); return PartialView ("ProductControl1", context. products. toList () ;}} Step 2: Create a VIEW. A partial view (ProductControl1.cshtml) is used to display the Product information. One is to add a Product on the index page and Render partial VIEW (ProductControl1.cshtml) index page code [html] @ model MvcApp. product @ {View. titl E = "Index"; Layout = "~ /Views/Shared/_ Layout. cshtml ";}< h2> Index