how to send multiple data with ajax jquery

Question

i am trying to send multiple data using j query   ajax method to my php script but i can pass only single data when i concatenate multiple data i get undefined index error in my php script tat means the ajax request is made but data is not sent i need to know how should i format multiple data to successively send it to processing script in name vale pair here is what i have written   lt script gt      document  ready function              add   click function             var name       add   attr  data id           var id       add   attr  uid           var data    id    id   amp   name    name     this where i add multiple data using     amp             ajax           type  GET           cache false          url  welcome php           data data        multiple data sent using ajax         success  function  html                   add   val  data sent sent                  msg   html html                             return false                 lt  script gt      lt span gt     lt input type  button  class  gray button  value  send data  id  add  data id  1234  uid  4567    gt   lt  span gt   lt span id  msg  gt  lt  span gt

User · Answer

Change var data    id    id   amp   name    name  as below   use this instead       var data    id    id     amp name     name    this will going to work fine

User · Answer

var my arr   new Array listingID  site click  browser  dimension       var AjaxURL    http   example com       var jsonString   JSON stringify my arr         ajax           type   POST           url  AjaxURL          data   data  jsonString           success  function result                window console log  Successful                        This has been working for me for quite some time

User · Answer

var CommentData   u id       this  attr  u id       amp post id       this  attr  p id       amp comment       this  val

User · Answer

var data    id    id   amp   name    name    The ampersand needs to be quoted as well   var data    id    id      amp name    name

User · Answer

You can create an object of key value pairs and jQuery will do the rest for you     ajax               data     foo    bar   bar    foo                   This way the data will be properly encoded automatically  If you do want to concoct you own string then make sure to use encodeURIComponent    https   developer mozilla org en JavaScript Reference Global Objects encodeURIComponent  Your current code is not working because the string is not concocted properly    id    id   amp   name    name   should be    id    encodeURIComponent id      amp name    encodeURIComponent name

User · Answer

I would recommend using a hash instead of a param string   data    id  id  name  name

User · Answer

you can use FormData  take look at my snippet from MVC   var fd   new FormData    fd append  ProfilePicture       mydropzone   0  files 0      getting value from form feleds  d append  id       User  Session  User    ID      getting value from session    ajax       url    Url Action  ChangeUserPicture    User         dataType   json       data  fd   here is your data     processData  false      contentType  false      type   post       success  function data

User · Answer

var value1    id1   val    var value2    id2   val    data    data1     value1     data2     value2

User · Answer

var value1    id1   val      var value2    id2   val        data    data1     value1     data2     value2        You can use this way to pass data

[jquery] how to send multiple data with $.ajax() jquery

Examples related to jquery

Examples related to ajax