How to send array of arrays as data in $.ajax()?

Question

I know this question has been asked before many times but none of them helped me. I am trying to pass an array of arrays(which may or may not have arrays in themselves) through data using $.ajax(). The response received from the server should be the same as data sent (acc to the code in php) but it sends blank object. Please help me knowing the correct syntax of passing such an array.

val_pass is an array of arrays and #display_message is paragraph to append on. Here goes my code:

 $.ajax({
        type: 'POST',
        url: 'http://someurl.com/',
        // data: JSON.stringify(val_pass),
        // data: JSON.stringify({paramName: val_pass}),
        // data: {'myArray': val_pass},
        // data: $.toJSON(val_pass),
        data: {val_pass: val_pass},
        // data: $.serialize(val_pass),
        success: function(response){
            console.log(response);
            $('#display_message').append('Data successfully passed');
        },
        error: function(xhr, status, errorThrown){
            console.log(xhr+status+errorThrown);
            alert("Sorry");
        },
    });

PS: commented lines are various ways i tried to pass an array. I am new to ajax please ignore my noobness.

What is the problem? Use JSON.stringify: JSON.stringify([[1,2,3],[4,5,6]]) => "[[1,2,3],[4,5,6]]". I think you need more attention to your php code, to parse a response as a array of arrays. — Alex
– Alex, Commented Dec 9, 2014 at 12:07
i tried using this by seeing similar questions and answers and it worked for this simple array var info = []; info[0] = 'hi'; info[1] = 'hello'; $.ajax({ type: "POST", data: {info:info}, url: "index.php", }); — Pragya Sharma
– Pragya Sharma, Commented Dec 9, 2014 at 12:11
Use the JQuery.parseJSON(str) function to convert the string returned by JSON.stringify into an actual javascript object, then set the object as the data property in your ajax call and set dataType to json — Akshay Takkar
– Akshay Takkar, Commented Dec 9, 2014 at 13:58

Ashutosh Nigam · Accepted Answer · 2014-12-09 12:29:54Z

0

If you are using Json then type should be json. And the function parameter for success namely json is the variable that holds the data. So data: json

 $.ajax({
 url: url_to_load,
 dataType: 'json',
 data: json,
 success: function(json){
 };
 });

A more user friendly version is as follows:

$.getJson("service.php",function(json){
//code goes here
});

edited Dec 9, 2014 at 12:29

answered Dec 9, 2014 at 12:16

Ashutosh Nigam

8768 silver badges27 bronze badges

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

1 Comment

showtime Over a year ago

a more user friendly? You gotta be kidding

Pragya Sharma · Accepted Answer · 2014-12-11 04:48:50Z

-1

I got the solution for the problem. Firstly instead of passing arrays of arrays, I sent it as an array of objects.

Now my val_pass is array of objects.Code:

var jObject={};
jObject = JSON.stringify(val_pass);

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

http://pavanarya.wordpress.com/2012/09/09/calling-a-webservice-using-jquery-and-passing-jsonarray-object/

referred this link for help.

answered Dec 11, 2014 at 4:48

Pragya Sharma

941 gold badge2 silver badges9 bronze badges

1 Comment

Vincent Over a year ago

And how did you handle this in PHP in the receiving page?

Collectives™ on Stack Overflow

How to send array of arrays as data in $.ajax()?

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related