Send javascript arrays via ajax without using jquery

Question

i have a javascript array with values like "correct", "wrong". I want to send this array to my php file using ajax. But im not familiar with how. This is what i have tried so far..and i would like to do this without jquery.

var hold=[];
    for(t = 0;t <= 10; t++){ 
    answers_Arr = document.getElementsByName("question"+t);
    for (k = 0; k < answers_Arr.length; k++){
        if(answers_Arr[k].checked){
            hold[t] = answers_Arr[k].value;
            //document.getElementById("test"+t).innerHTML = "Value: "+ hold[t];
            break;
        }else{
            hold[t] = "no";
            continue;

        }
    }
}
var jsonString = JSON.stringify(hold);
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function()
{
    if (xmlhttp.readyState==4  &&  xmlhttp.status==200)
    {
    document.getElementById("test1").innerHTML= xmlhttp.responseText;
    }
}

xmlhttp.open("GET","result.php?res="+hold[],true);
xmlhttp.send();

}

Ibrahim · Accepted Answer · 2016-07-29 20:35:05Z

1

Here is an example of sending the json string with POST through AJAX:

var jsonString = JSON.stringify(hold);
var xmlhttp = new XMLHttpRequest();

xmlhttp.onreadystatechange = function() {
    //
}

xmlhttp.open("POST","result.php",true);
xmlhttp.setRequestHeader("Content-type", "application/json");
xmlhttp.send(jsonString);

Avoid sending json strings with GET method because if the request string gets too long, the browser will throw you an error.

Now in your php script you will have all the data in $_POST

Edit: Looks like on some versions of php, the requests that have other Content-type, like application/json, the $_POST has an empty value. To fix this you can do:

$_POST = json_decode(file_get_contents('php://input'));

edited Jul 29, 2016 at 20:35

answered Jul 29, 2016 at 18:08

Ibrahim

2,06216 silver badges23 bronze badges

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

7 Comments

manuka_m Over a year ago

Thank you. Can u help me with the php script for retrieving this too?

Ibrahim Over a year ago

You should have all the data in $_POST like you would send it through a normal form. If you are unsure what the variable contains, you can always print the contents of it with print_r($_POST);

manuka_m Over a year ago

i tried using print_r($_POST); but it only prints 'array()'. Thats it.

Ibrahim Over a year ago

I am curious what version of php are you using? Can you also try this: $_POST = json_decode(file_get_contents('php://input'));

manuka_m Over a year ago

<?php include 'Connect.php'; $myarray= $_POST; print_r($_POST); This is what i tried

|

user2385619 · Accepted Answer · 2016-07-29 17:58:13Z

0

replace this line

xmlhttp.open("GET","result.php?res="+hold[],true);

with

xmlhttp.open("GET","result.php?res="+jsonString,true);

answered Jul 29, 2016 at 17:58

user2385619

3 Comments

manuka_m Over a year ago

it still says undefined for 'res'. And also when i display the array in php., it displays null

user2385619 Over a year ago

you mean you are getting undefined in your php script?

manuka_m Over a year ago

This is what i used in my php script,'$res = json_decode(stripslashes($_GET['res'])); echo json_encode($res);'

Collectives™ on Stack Overflow

Send javascript arrays via ajax without using jquery

2 Answers 2

7 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related