Posting partial view data with jquery ajax.

Question

Hi, I have a form on which I have a partial view that display information about a product and one input element to enter quantity. Now I want to post the partialview that is wrapped inside a div so the value on the partialview can be sent to the controller for processing. The button to post the data is on the partialview Any help please Regards

Sachin Singh · Answer

construct your url with query string that will post everytime without fail, but i can understand that for huge parameters it is a pain, give below a try $( "#btnInsert" ).click(function () { debugger; var employee = { Name: $( "#txtName1" ).val(), Salary: $( "#txtSalary1" ).val(), } $.ajax({ type: "POST" , url: '/employee/AddEmployees' , data: JSON.stringify(employee), datatype: "json" , cache: false , success: function (data) { }, }); });

Sachin Singh · Answer

in partial view give reference of Jquery , i know the view or Layout already have jquery reference but give it to partial view as well. then $( "#btnInsert" ).click(function () { debugger; Name: $( "#txtName1" ).val(), $.ajax({ type: "POST" , url: '/Home/Add?Name=' +Name, datatype: "json" , cache: false , success: function (data) { }, }); }); public ActionResult Add( string Name) ...... do your work

Schleid Alex · Answer

I am passing multiple parameter and does have a reference to jquery the action is being taken normally but the data won't follow which mean every reference is null in the controller. Thanks