sending a two dimension array from JavaScript to php and vice versa

Question

i use this code to send one dimension array of integer but how to make it sending and receiving two dimension array formed by combination of integer and string e.g. [number here]["text here"] but the url has a limit so that i can't make a big array

//Send data to php
                var queryString ="?";
                            for(var t=0;t<alldays.length;t++)
                                {   
                                    if(t==alldays.length-1)
                                    queryString+="arr[]="+alldays[t];
                                    else
                                    queryString+="arr[]="+alldays[t]+"&";
                                }
                ajaxRequest.open("POST", "forbidden.php" + queryString, true);
                ajaxRequest.send(null); 

            }

// Create a function that will receive data sent from the server(sended as echo json_encode($array))
    ajaxRequest.onreadystatechange = function(){
        if(ajaxRequest.readyState == 4){

        var myArray = ajaxRequest.responseText.replace("[","").replace("]","").replace(/"/g,"").split(",");
        for(var i=0; i<myArray.length; i++) { alldays[i] = parseInt(myArray[i]); } 

        }}

respond or accept an answer?

Shiplu Mokaddim
– Shiplu Mokaddim

2012-12-12 13:00:48 +00:00
Commented Dec 12, 2012 at 13:00 — Shiplu Mokaddim
– Shiplu Mokaddim, Commented Dec 12, 2012 at 13:00

Ted Hopp · Accepted Answer · 2012-12-06 00:49:56Z

1

Instead of including the request as a query string added to the url, send it as the body of the POST:

var queryString ="";
for(var t=0;t<alldays.length;t++)
{
    if(t==alldays.length-1)
        queryString+="arr[]="+alldays[t];
    else
        queryString+="arr[]="+alldays[t]+"&";
}
ajaxRequest.open("POST", "forbidden.php", true);
ajaxRequest.send(queryString);

There aren't the same restrictions on the query length if its sent as the POST body.

However, all your POST variables are named "arr[]", which is going to cause problems. I suggest the following encoding scheme instead:

var queryString = "n=" + alldays.length;
for (var t=0; t<alldays.length; t++)
{
    queryString += "&arr_" + t + "=" + alldays[t];
}
ajaxRequest.open("POST", "forbidden.php", true);
ajaxRequest.send(queryString);

Then on the server you can retrieve the number of array elements with $_POST["n"] and then process $_POST["arr_" + t] for each t from 0 to n-1.

edited Dec 6, 2012 at 0:49

answered Dec 5, 2012 at 23:18

Ted Hopp

235k48 gold badges412 silver badges533 bronze badges

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

1 Comment

Ted Hopp Over a year ago

@user1874258 - Your post names are all named "arr[]", and none are named "arr". I added a suggestion for dealing with this.

Bergi · Accepted Answer · 2012-12-05 23:19:00Z

0

You do use a POST request - so don't send the array in the GET parameters of the query string!

var queryString =""; // no question mark
// construct rest of query string here
ajaxRequest.open("POST", "forbidden.php", true);
ajaxRequest.send(queryString);

Also, use JSON for the response. PHP-side: json_encode, JavaScript-side: JSON.parse

answered Dec 5, 2012 at 23:19

Bergi

671k162 gold badges1k silver badges1.5k bronze badges

Collectives™ on Stack Overflow

sending a two dimension array from JavaScript to php and vice versa

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related