how to pass another parameter from jquery ajax to mvc controller, along with form.serialize()

Question

I use a jQuery plugin called jscroller, which uses jquery.ajax to make ajax calls. I need to pass in all parameters from a search form, and deliver them to mvc controller, and I think the best way is to put in 'data' field the following expr':

$('#formId').serialize();

My problems is that I need to pass, along with the form values, a 'page' value which is being changed with each call.

How can I put the page value, along with the 'serialize' expression in 'data' field, or is there really another more efficient way to do it?

You can try to add a hidden input to the form (with the value you need) — Cristi Pufu, Jun 21 '12 at 09:54
I've tried that, and something goes wrong in the way.. I prefer not to.. — Tal l, Jun 21 '12 at 09:55
Then try this: var form = $('#formId').serialize(); form.page = "otherparamentervalue";. Then send the form variable as data. — Cristi Pufu, Jun 21 '12 at 10:04

score 6 · Accepted Answer · answered Jun 21 '12 at 10:22

6

I think

var formdata = $('#formId').serialize();
data: (formdata ? formdata + "&" : "") + "page=" + pageId

will solve your problem

answered Jun 21 '12 at 10:22

Arun P Johny

384,651
66
527
531

score 0 · Answer 2 · answered Oct 19 '17 at 22:16

You can create a new FormData and just add the parameter on that variable too

var formData = new FormData(); 
formData.append('pageId', pageId);

var your_form = $('#formId').serializeArray();
$.each(your_form,function(key,input){
   formData.append(input.name,input.value);
});

$.ajax({
    url: 'url_here',
    data: formData,
    contentType: false,
    processData: false,
    type: 'POST'
});

so at MVC controller you will be able to access like

var pageId = Request.Form.Get("pageId");

Jimmy Oku · Answer 3 · 2021-12-19T05:57:42.327

0

I know I'm super late but the code below worked for me.

var data = $('#Form').serialize() + '&test=' + number;
$.ajax({
    ....
    data: data;

edited Dec 19 '21 at 05:57

answered Dec 19 '21 at 05:26

Jimmy Oku

11
2

how to pass another parameter from jquery ajax to mvc controller, along with form.serialize()

3 Answers3