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 ?

possible duplicate of How to pass an array of strings from PHP to Javascript using $.ajax()? — Felix Kling
– Felix Kling, Commented May 6, 2012 at 21:33

Derek 朕會功夫 · Accepted Answer · 2014-02-06 15:12:16Z

16

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>

edited Feb 6, 2014 at 15:12

answered May 6, 2012 at 21:07

Derek 朕會功夫

94.8k45 gold badges199 silver badges255 bronze badges

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

9 Comments

Derek 朕會功夫 Over a year ago

It works, and if your browser does not support it, try jQuery.

William Kinaan Over a year ago

do u mean that i have to do ur code instead of my fourth code in my function?

William Kinaan Over a year ago

i don't know jQuery, so please would u tell me where should i put ur javascript line code in my function

William Kinaan Over a year ago

i tried this on my function document.getElementById('addIO').innerHTML=foo[0]; but it doesn't echo anythink

Felix Kling Over a year ago

@William: This has nothing to do with jQuery. xmlhttp.responseText contains the response of the request as you already know. Put the code there where you have access to xmlhttp.responseText. If you are new to Ajax, you might want to read developer.mozilla.org/en/AJAX/Getting_Started

|

Marc B · Accepted Answer · 2012-05-06 21:02:37Z

5

Use JSON:

echo json_encode($cars);

answered May 6, 2012 at 21:02

Marc B

362k44 gold badges433 silver badges508 bronze badges

3 Comments

Derek 朕會功夫 Over a year ago

@Itay Moav - JSON.parse() in JavaScript.

William Kinaan Over a year ago

thank you for ur answer but how can i save the returned data on my javascript?

Itay Moav -Malimovka Over a year ago

@Derek I am not the one who asked the question.

Collectives™ on Stack Overflow

how can I return array from php to javascript using ajax

2 Answers 2

PHP

JavaScript

UPDATE

9 Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

PHP

JavaScript

UPDATE

9 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related