how can I return array from php to javascript using ajax

Question

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 ?

Answer 1

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>

Answer 2

使用JSON ：

echo json_encode($cars);

how can I return array from php to javascript using ajax

Question

2 answers

solution1
16 ACCPTED 2012-05-06 21:07:36

PHP

JavaScript

UPDATE

solution2
5 2012-05-06 21:02:37

how can I return array from php to javascript using ajax

Question

2 answers

solution1 16 ACCPTED 2012-05-06 21:07:36

PHP

JavaScript

UPDATE

solution2 5 2012-05-06 21:02:37

solution1
16 ACCPTED 2012-05-06 21:07:36

solution2
5 2012-05-06 21:02:37