Pass array in jQuery ajax

Question

My imaginery code:

$(document).ready(function() {
 $("#sub").click(function() {
 info['moto'] = $("#moto").val();
 info['motox'] = $("#motox").val();
 $.ajax({
 type: "POST",
 url: "index.php",
 data: "arr="+info,
 success: function(msg){
 $('.answer').html(msg);
 }
 })
 })
})

How could I make, that after receiving it in .php file I could use POST method like this: $_POST['moto'] and $_POST['motox'] or something like that? What should I change? Thanks.

Answer 1

Just:

data: info,

(And you need to initialize info as an object in the first place: var info = {})

Answer 2

Check out jQuery serialize(), it does all the work for you if you are working with form inputs.

• mcgrailm: serialize is nice but i found it make more work when dealing with degradation

Answer 3

I thinkyoushould go also the same way like jquery-ajax-data-array-from-php