How to send multiple data fields via Ajax

Question

I m stuck  I m trying to submit a form using AJAX  but I can t find a way to send multiple data fields via my AJAX call     document  ready function           btnSubmit   click function          var status       activitymessage   val        var name    Ronny         ajax         type   POST         url   ajax activity save php           data   status   status  name   name           success  function msg         I ve tried all sorts of stuff   data   status  status  name  name     Or even stuff like this just for testing purposes   data   status testing amp name ronny     But whatever I try  I get nothing in my activity save php thus nothing in my SQL   So  what s the correct syntax to put more lines of data in my AJAX call

User · Accepted Answer

The correct syntax is   data   status  status  name  name     As specified here  http   api jquery com jQuery ajax   So if that doesn t work  I would alert those variables to make sure they have values

User · Answer

Try this     document  ready function           btnSubmit   click function         var status       activitymessage   val        var name    Ronny         ajax         type   POST         url   ajax activity save php         data    status   status   name   name           success  function msg

User · Answer

var countries   new Array    countries 0     ga   countries 1     cd     after that you can do like   var new countries   countries join        after     ajax       type   POST       url   Concessions aspx GetConcessions       data  new countries            This thing work as JSON string format

User · Answer

This one works for me   Here s my PHP    lt div id  pageContent  gt     lt  php     while  row   mysqli fetch assoc  stmt         gt     lt br  gt     lt input id  vendorName   name  vendorName  lt  php echo  row  id      gt   value   lt  php echo  row  vendorName      gt   gt     lt input id  owner   name  owner  lt  php echo  row  id      gt   value   lt  php echo  row  owner      gt   gt     lt input id  city   name  city  lt  php echo  row  id      gt   value   lt  php echo  row  city      gt   gt     lt button id  btn update  lt  php echo  row  id      gt   gt Update lt  button gt     lt button id  btn delete  lt  php echo  row  id      gt   gt Delete lt  button gt     lt  php           gt     lt  br gt  lt  br gt     lt input id    vendorName new  value    gt     lt input id    owner new  value    gt     lt input id    city new  value    gt     lt button id    addNewVendor  type  submit  gt   New Vendor lt  button gt   lt  div gt    Here s my jQuery using AJAX       addNewVendor   click function       alert        ajax       type   POST       url   create php       data   vendorName      vendorName new   val    owner      owner new   val    city      city new   val         success  function            this  hide             div success   fadeIn          showUsers

User · Answer

I am a beginner at ajax but I think to use this  data   status  status  name  name   method datatype must be set to JSON i e    ajax   type   POST   dataType   json   url   ajax activity save php   data   status  status  name  name

User · Answer

Try with quotes   data    status   status   name   name    It must work fine

User · Answer

Try to use      ajax       type   GET       url   something php       data     b   data1   c   data2           dataType   html       beforeSend  function           error  function             alert  Error               success  function data                                                                    result   empty                result   append data

User · Answer

According to http   api jquery com jquery ajax     ajax     method   POST     url   some php     data    name   John   location   Boston        done function  msg       alert   Data Saved      msg

User · Answer

I am new to AJAX and I have tried this and it works well   function q1mrks country m         alert  hellow      if  country length  0          alert  hellow        document getElementById  q1mrks   innerHTML         return        if  window XMLHttpRequest           code for IE7   Firefox  Chrome  Opera  Safari     xmlhttp new XMLHttpRequest        else          code for IE6  IE5     xmlhttp new ActiveXObject  Microsoft XMLHTTP          xmlhttp onreadystatechange function         if  xmlhttp readyState  4  amp  amp  xmlhttp status  200          document getElementById  q1mrks   innerHTML xmlhttp responseText              xmlhttp open  GET      location cal marks php q1mrks   country   amp marks   m true       mygetrequest open  GET    basicform php name   namevalue   amp age   agevalue  true    xmlhttp send

User · Answer

Here s what works for me after 2 days of head-scratching  why I couldn t get the AJaX  data  setting to send two key values  including a variable containing raw image data  was a mystery  but that seems to be what the jQuery param   function was written for   create a params array with your variables  without quotes   var params     key name1  var 1  key name2  var 2        etc   var ser data   jQuery param  params         arbitrary variable name   Use variable ser data as your data value           ajax          type   POST          url      php handler url php          data  ser data         success function response           alert response             Documentation is here   https   api jquery com jQuery param   Hope that helps

User · Answer

Use this   data     username       username           I try a lot of syntax to work with laravel it work for me for laravel 4 2   ajax

User · Answer

You can send data through JSON or via normal POST  here is an example for JSON    var value1   1   var value2   2   var value3   3        ajax         type   POST         contentType   application json  charset utf-8         url   yoururlhere         data    data1  value1  data2  value2  data3  value3          success  function  result                  do something here                If you want to use it via normal post try this     ajax         type   POST         url     form   attr  action             data      form0   serialize          success  function  result                do something here

[jquery] How to send multiple data fields via Ajax?

Examples related to jquery

Examples related to sql

Examples related to ajax