post an array using jquery ajax

Question

I am trying to do something fairly simple but I can't seem to find the solution. I want to post a multi-dimensional array to a php page using jQuery's .ajax function, but I can't seem to serialize the array properly.

The code is as follows

var dataToSend = new Array();
  dataToSend["page"] = location.href;
  dataToSend["data"] = new Array();
  var dataindex = 0;
  jQuery(".myclass").each(function(){
      dataToSend["data"][dataindex]=new Array();
      dataToSend["data"][dataindex]["selector"] = unique_selector(jQuery(this), "");
      dataToSend["data"][dataindex]["contents"] = jQuery(dataToSend["data"][dataindex]["selector"]).html();
  });
  jQuery.ajax({
      type: 'POST',
      url: "/main/save.php",
      data: JSON.stringify(dataToSend),
      dataType: "json",
      success: function(data){alert(data);}
  });

basically I am not sure how to properly pass the dataToSend array. Right now firebug show the post as empty even though the array is loaded with all kinds of good stuff.

Thanks,

Daniel

jerone · Accepted Answer · 2011-04-26 20:15:54Z

12

You're defining new Array();, but you're using them as new Object(). Try using objects.

Try this:

var dataToSend = { 
    page: location.href, 
    data: []
};
var dataindex = 0;
jQuery(".myclass").each(function(){
    var temp = unique_selector(jQuery(this), "");
    dataToSend.data[dataindex++] = {
        selector: temp,
        contents: jQuery(temp).html()
    };
});
jQuery.ajax({
    type: 'POST',
    url: "/main/save.php",
    data: JSON.stringify(dataToSend),
    dataType: "json",
    success: function(data){ alert(data); }
});

edited Apr 26, 2011 at 20:15

answered Apr 26, 2011 at 20:08

jerone

17.1k4 gold badges41 silver badges58 bronze badges

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

3 Comments

Daniel Over a year ago

I take it that there is not equivalent of JSON.stringify for arrays? Anyway that did work now to sort out the php side. Thank you very much.

jerone Over a year ago

@mkeats. No worries. @Daniel. Array's are integer indexed lists. Object's are key indexed lists. JSON need to have perfect JavaScript variables, or it won't convert.

Ustaman Sangat Over a year ago

@Daniel, JSON.stringify([{name:'Dude'},{name:'Guy',phone:234556}]) yields "[{"name":"Dude"},{"name":"Guy","phone":234556}]"

Mukesh Agarwal · Accepted Answer · 2014-03-29 19:16:46Z

1

Use

data: { '': dataToSend }

I used this in a similar scenario and it worked like charm...

answered Mar 29, 2014 at 19:16

Mukesh Agarwal

4125 silver badges13 bronze badges

Comments

slandau · Accepted Answer · 2011-04-26 20:04:07Z

0

Taken from the PHP help pages:

you may have multidimensional array in form inputs

HTML Example:

<input name="data[User][firstname]" type="text" />
<input name="data[User][lastname]" type="text" />
...

Inside php script after submit you can access the individual element like so:

$firstname = $_POST['data']['User']['firstname'];
...

answered Apr 26, 2011 at 20:04

slandau

24.2k43 gold badges124 silver badges186 bronze badges

2 Comments

Daniel Over a year ago

Yes I saw this option, but I am not posting the contents of a form. It is a javascript array that I assembled. I am in need of a way to convert that array to a json string.

slandau Over a year ago

You want to convert a javascript array to a Json string?

Collectives™ on Stack Overflow

post an array using jquery ajax

3 Answers 3

3 Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related