add parameters to post request with jquery

Question

How can I add parameters to a post request using .post or .ajax. I tried:

var formData = $('form').serialize();
$.ajax({
url: "url",
data: formData,
type: "POST",
dataType: "dataType"
});

but that doesn't seem to work.

Have you looked at this, previous, answer on SO? http://stackoverflow.com/questions/370359/passing-parameters-to-a-jquery-function — Hampus, Jun 07 '12 at 13:47
Yes I did, I was a little bit frustrated. I tried this alot.. I dont get why when I do the following, `code`$(document).ready(function() { $('searchsubmit').click(function() { var formData = $('form').param(); $.ajax({ url: 'Search', type: "POST", data: formData, succes: function(data) { alert(data); } }); alert("blabla"); }); alert("blabla"); });`code` My servlet does nothing. — TrashCan, Jun 07 '12 at 14:09

score 3 · Answer 1 · answered Jun 07 '12 at 13:47

3

Just add it to your formData before send?

var formData = $('form').serialize();
$.ajax({
    url: "url",
    data: formData + '&param=' + param_value,
    type: "POST",
    dataType: "dataTpe"
});

answered Jun 07 '12 at 13:47

Sergei Zahharenko

1,514
12
16

score 1 · Answer 2 · edited Jun 12 '12 at 13:35

1

$.ajax({
    url: "url",
    type: "POST",
    //dataType: 'json',
    data: formData,   
    success: function(data){

    }
});

edited Jun 12 '12 at 13:35

answered Jun 07 '12 at 13:45

Thulasiram

8,432
8
46
54

score 0 · Answer 3 · answered Jun 07 '12 at 13:46

0

Use .param, not .serialize. The former returns an object, the latter returns a string.

http://api.jquery.com/jQuery.param/

answered Jun 07 '12 at 13:46

Evan Davis

35,493
6
50
57

score 0 · Answer 4 · answered Jun 07 '12 at 13:47

0

data: $('#myForm').serialize() + "&moredata=" + morevalue

answered Jun 07 '12 at 13:47

swapnesh

26,318
22
94
126

score 0 · Accepted Answer · answered Jun 14 '12 at 08:36

following acrashik's answer the following code works:

     var aData = table.fnGetData( this,0 );
     $.ajax({
         url: "MessageDetail",
         type: "POST",
         data: "messageid=" + aData,
         succes: function(data) {
            alert(data);
        }
     });

add parameters to post request with jquery

5 Answers5