how can I return array from php to javascript using ajax

ajax, javascript, php

Solution

PHP

echo json_encode($cars);

JavaScript

Native:

var foo = JSON.parse(xmlhttp.responseText);

With jQuery:

var foo = $.parseJSON(xmlhttp.responseText);
//or
$.getJSON("url", function(data){
    //data is your array
});

UPDATE

if(xmlhttp.readyState==4 && xmlhttp.status==200){
     //document.getElementById('addIO').innerHTML+=xmlhttp.responseText;
    var cars = JSON.parse(xmlhttp.responseText);  //cars will now be the array.
     //Do whatever you want here.
    $("#addIO").html(cars.join(", "));     //Join array with ", " then put it in addIO
}

If you want to use jQuery, put this in `<head>`:

<script type="text/javascript" src="link/to/the/file/jquery.js"></script>

Problem

i have this ajax code ``` xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange=function(){ if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById('addIO').innerHTML+=xmlhttp.responseText; } } xmlhttp.open("GET","http://localhost/Mar7ba/Ontology/getRelatedConceptsAndRelations/3/TRUE",true); xmlhttp.send(); ``` and I have a php array `$cars=array("Saab","Volvo","BMW","Toyota"); ` how can i send the array $cars to my javascript ?

Original source

Related problems