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? stackoverflow.com/questions/370359/… — Hampus
– Hampus, Commented Jun 7, 2012 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
– TrashCan, Commented Jun 7, 2012 at 14:09

Sergei Zahharenko · Accepted Answer · 2012-06-07 13:47:06Z

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 7, 2012 at 13:47

Sergei Zahharenko

1,52412 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Thulasiram · Accepted Answer · 2012-06-12 13:35:51Z

1

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

    }
});

edited Jun 12, 2012 at 13:35

user142162

answered Jun 7, 2012 at 13:45

Thulasiram

8,5628 gold badges49 silver badges54 bronze badges

Comments

Evan Davis · Accepted Answer · 2012-06-07 13:46:06Z

0

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

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

answered Jun 7, 2012 at 13:46

Evan Davis

36.7k7 gold badges53 silver badges58 bronze badges

Comments

swapnesh · Accepted Answer · 2012-06-07 13:47:17Z

0

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

answered Jun 7, 2012 at 13:47

swapnesh

26.8k24 gold badges97 silver badges129 bronze badges

Comments

TrashCan · Accepted Answer · 2012-06-14 08:36:56Z

0

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);
        }
     });

answered Jun 14, 2012 at 8:36

TrashCan

8174 gold badges13 silver badges20 bronze badges

Collectives™ on Stack Overflow

add parameters to post request with jquery

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related