jQuery post with serialize and extra data

Question

I m trying to find out if it s possible to post serialize   and other data that s outside the form   Here s what I thought would work  but it only sends  wordlist  and not the form data     post  page php        myForm   serialize       wordlist   wordlist        Does anyone have any ideas

User · Answer

In new version of jquery  could done it via following steps    get param array via serializeArray   call push   or similar methods to add additional params to the array  call   param arr  to get serialized string  which could be used as jquery ajax s data param    Example code   var paramArr       loginForm   serializeArray    paramArr push   name  size   value 7       post  rest account login     param paramArr   function result

User · Answer

You can use this  var data       myForm   serialize    data      amp moreinfo   JSON stringify wordlist

User · Answer

You can use serializeArray  docs  and add the additional data   var data       myForm   serializeArray    data push  name   wordlist   value  wordlist       post  page php   data

User · Answer

Try   param    post  page php        myForm   serialize     amp     param    wordlist   wordlist

User · Answer

You could have the form contain the additional data as hidden fields which you would set right before sending the AJAX request to the corresponding values   Another possibility consists into using this little gem to serialize your form into a javascript object  instead of string  and add the missing data   var data       myForm   serializeObject       now add some additional stuff data  wordlist     wordlist    post   page php   data

User · Answer

An alternative solution  in case you are needing to do this on an ajax file upload   var data   new FormData      form   0    append   name    value      OR even simpler      form   on  submit  function e        e preventDefault        var data   new FormData  this   append  name   value                your ajax code here          return false

User · Answer

When you want to add a javascript object to the form data  you can use the following code  var data    name1   value1   name2   value2    var postData       my-form   serializeArray    for  var key in data        if  data hasOwnProperty key             postData push  name key  value data key               post url  postData  function         Or if you add the method serializeObject    you can do the following  var data    name1   value1   name2   value2    var postData       my-form   serializeObject      extend postData  data     post url  postData  function

User · Answer

I like to keep objects as objects and not do any crazy type-shifting  Here s my way  var post vars       my-form   serializeArray      ajax     url     site com script php     method   POST     data  post vars    complete  function           ajax         url     site com script2 php         method   POST         data  post vars concat           name   EXTRA VAR           value   WOW THIS WORKS                              if you can t see from above I used the  concat function and passed in an object with the post variable as  name  and the value as  value    Hope this helps

User · Answer

ajax           type   POST         url   test php         data     Test-form   serialize          dataType  json        beforeSend function xhr  settings        settings data      amp moreinfo MoreData               success function data                   json response              error  function data                if error occured

[javascript] jQuery post() with serialize and extra data

Examples related to javascript

Examples related to jquery