jQuery post array

Question

Am wondering how to post an array using $.ajax. My array is something like this:

var a = new Array();
a['test'] = 1;
a['test2'] = 2;
and so on...

I tried:

$.ajax({
  url: baseUrl+"chat.php",
  data: { vars: a},
  type: 'post',
  success: function(data) {
alert(data);
}});

Any suggestions?

Nothing looks obviously wrong, how are you trying to access the data in the php? — Steerpike
– Steerpike, Commented Jun 4, 2009 at 13:51
And have you used some kind of traffic watch to make sure the call is getting to the chat.php page? — Steerpike
– Steerpike, Commented Jun 4, 2009 at 13:53

Ionuț G. Stan · Accepted Answer · 2009-06-04 13:44:06Z

43

Try this one:

var a = {};
a['test'] = 1;
a['test2'] = 2;

// or


var a = {};
a.test = 1;
a.test2 = 2;

// or


var a = {
    test : 1,
    test2 : 2
};

$.ajax({
  url: baseUrl+"chat.php",
  data: a,
  type: 'post',
  success: function(data) {
    alert(data);
  }
});

You may then access the data in your PHP script like this:

$_POST['test'];
$_POST['test2'];

answered Jun 4, 2009 at 13:44

Ionuț G. Stan

180k19 gold badges196 silver badges206 bronze badges

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

6 Comments

Kevin_TA Over a year ago

Is there a way to do this in the style of an <input> element where the name field is test[] and the array indices are auto incremented?

Ionuț G. Stan Over a year ago

@Kevin_TA, just use { test: ["array", "of", "values"] } as the data argument for $.ajax. It will get serialized to test[]=array&test[]=of&test[]=values.

sivann Over a year ago

"a" is an object, not an array in this example. Any ordering will be lost.

Ionuț G. Stan Over a year ago

@sivann that's what the OP wanted. His a array is actually just an object.

sivann Over a year ago

@IonuțG.Stan it's not an object, it says new Array(). Now if that solution was ok with him that's another matter :-)

|

Aldo · Accepted Answer · 2013-07-15 13:27:35Z

17

I used this:

var newArray = new Array();
newArray.push("item1");
newArray.push("item2");
newArray.push("item3");

$.ajax({  
    type: "POST",
    url: urlToPost,
    data: JSON.stringify(newArray),
    contentType: "application/json"
   });

answered Jul 15, 2013 at 13:27

Aldo

3012 silver badges4 bronze badges

Comments

Tom · Accepted Answer · 2013-12-29 11:39:58Z

6

I prefer doing it this way:

ie.

var data = [{ name: 'test1', value: 'test data' }, { name: 'test2', value: 'test data' }];

$.ajax({  
    type: 'POST',
    url:  'url',
    data: data,
   });

Server side (PHP): $_POST['test1']; $_POST['test2'];

answered Dec 29, 2013 at 11:39

Tom

6891 gold badge12 silver badges29 bronze badges

Comments

nightcoder · Accepted Answer · 2012-09-24 03:14:26Z

3

Here is an example how I pass arrays (from real-life code) :

$.ajax({
  type: 'POST',
  url: url,
  data: { CartID : cartID, 'Manufacturers[]' : manufacturers, 'PartNumbers[]' : partNumbers },
  success: function(res)
  {
    ...
  },
  dataType: "json",
  async: false
});

then on the server-side:

$cartID = $_POST['CartID'];
$manufacturers = $_POST['Manufacturers'];
$partNumbers = $_POST['PartNumbers'];

answered Sep 24, 2012 at 3:14

nightcoder

13.4k18 gold badges68 silver badges74 bronze badges

Comments

Alex from Jitbit · Accepted Answer · 2021-05-25 14:05:09Z

1

Shortest version

$.post(url, { 'test[]': myArray });

Server side: $myArray = $_POST['test'];

answered May 25, 2021 at 14:05

Alex from Jitbit

62.3k19 gold badges215 silver badges177 bronze badges

Collectives™ on Stack Overflow

jQuery post array

5 Answers 5

6 Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

6 Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related