jQuery.POST - pass another parameter with Form.Serialize() - Asp.net MVC 3
12,652
You could use the following plugin to serialize the form into a JSON object and add another parameters:
$.fn.serializeObject = function()
{
var o = {};
var a = this.serializeArray();
$.each(a, function() {
if (o[this.name]) {
if (!o[this.name].push) {
o[this.name] = [o[this.name]];
}
o[this.name].push(this.value || '');
} else {
o[this.name] = this.value || '';
}
});
return o;
};
like this:
var data = $('form').serializeObject();
data['ProductId'] = '123';
$.post('<%= Url.Action("Save", "Product") %>', data, function (data) {
alert('Product Added Successfully.');
});
Author by
nunu
Updated on June 09, 2022Comments
-
nunu almost 2 years
As I am working on Asp.Net MVC Application, in my application I am using
jQuery.POST
method to submit a form.e.g.
jQuery.post('/Product/Save', jQuery(document.forms[0]).serialize(), function (data) { alert('Product Added Successfully.); } );
In above code snippet, I want to pass another parameter.. let's say..
ProductID
.So, the idea is, I want to pass both
jQuery(document.forms[0]).serialize()
andProductID variable
injQuery.POST method
, so I can get bothForm and ProductID
in mycontroller's action method
.Could anybody please let me know that I would I do this?
Thanks in Advance.