Send PHP Array To Javascript

Question

///////UPDATE - I already have jquery library included to my code so if its easier with jquery than javascript let me know please.

OK. There are loads of questions on here that are sending a JavaScript array to php but only 1 which is the same as mine. Unfortunately I didn't understand the answer.

So, at the moment I have an associative array in php. I then used this code,

echo json_encode($this->_inputErrors);

I don't actualy know why i'm using it, just was mentioned a lot in other examples like this. So that then sends the data to javascript (via ajax) and if i do this code,

alert(requestText);

I get a long line of text. As I imagine i should.

So how do i then in javascript get the text back to an array?

Or Is there a better way to do this?

Many Thanks For Your Time,

Chris

json_encode converts a PHP object into a JSON one.

gen_Eric
– gen_Eric

2011-05-02 21:29:37 +00:00
Commented May 2, 2011 at 21:29 — gen_Eric
– gen_Eric, Commented May 2, 2011 at 21:29

xavierm02 · Accepted Answer · 2011-05-02 21:22:20Z

5

var o = JSON.parse( requestText );

Include this ( https://github.com/douglascrockford/JSON-js/blob/master/json2.js ) to support old browsers.

answered May 2, 2011 at 21:22

xavierm02

8,8071 gold badge22 silver badges24 bronze badges

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

5 Comments

Chris Over a year ago

Thanks For The Reply - I put the code that you wrote and then used alert to see its contents and it gave [object Object]

xavierm02 Over a year ago

That's normal... It's a object... Try console.log( o ); and open your console, you'll see.

Chris Over a year ago

ok, 2 more questions - is the object an array object? And the link you gave me, Do not all browsers support json?

xavierm02 Over a year ago

No it's not. It's an object. But objects in JavaScript work like associative arrays. And no, not all browser can parse JSON, that's why this function was written :)

xavierm02 Over a year ago

But if you've got jQuery included, just use the code here: stackoverflow.com/questions/5862528/… jQuery already has a parser in it, there is no need to have 2.

gen_Eric · Accepted Answer · 2011-05-02 21:29:10Z

3

requestText is a JSON string. You need to parse the string into an object.

You can use JSON.parse to convert the string to JSON.

var obj = JSON.parse(requestText);

If your browser doesn't have JSON, include this:

https://github.com/douglascrockford/JSON-js/blob/master/json2.js

edited May 2, 2011 at 21:29

answered May 2, 2011 at 21:22

gen_Eric

228k42 gold badges304 silver badges343 bronze badges

1 Comment

Chris Over a year ago

If I include that file will it work for everyone's browsers who view my site?

Naftali · Accepted Answer · 2011-05-02 21:16:11Z

0

You need to set the return type as JSON

or if using jQuery, you can use jQuery's method getJSON() to get the JSON object from the url

answered May 2, 2011 at 21:16

Naftali

147k41 gold badges247 silver badges304 bronze badges

5 Comments

Richard Marskell - Drackir Over a year ago

OP didn't say they were using jQuery.

arma Over a year ago

Use this and then just do $.each looping trough all key => values

Richard Marskell - Drackir Over a year ago

Ok, so what do you mean by "set the return type"? I assumed it was to do with $.ajax at first but now I don't get it. Do you mean like content-type in PHP or something else?

xavierm02 Over a year ago

No use to include jQuery just for that -.-

Chris Over a year ago

Thanks For The Reply - How do I Do That? This is the code i'm using to get the data from php's echo /// requestText = xmlhttp.responseText;

Leo · Accepted Answer · 2013-03-09 02:01:29Z

Somedays before, I faced the same problem. Check my solution :)

array.html

$(document).ready(function(e){

    //This array is where I'll receive the PHParray
    var js_array=new Array();

    $("#btn").click(function(e){
             $.ajax({
                type:    'POST',
                 url:     'vector.php',
                 cache:   false,
                 success: function(data){

                    js_array=data;
                   //I use this "for" to print each array item into a div called "data".
                    for(var i=0;i<js_array.length;i++){
                         $("#data").append("<p>"+js_array[i]+"</p>");
                    }

                 },
                 dataType: 'json'
             });                  
    });                    

});

vector.php

<?php

$array = array(1,2,3,4,5,6);

/*As you, I use "json_encode" to serialize the array
echo json_encode($array);

?>

I hope it can help (:

Francesco Terenzani · Accepted Answer · 2011-05-02 21:16:59Z

-1

The simplest way to transform that long line of text in Javascript is using eval:

alert(eval('(' + requestText + ')'));

answered May 2, 2011 at 21:16

Francesco Terenzani

1,3917 silver badges14 bronze badges

15 Comments

xavierm02 Over a year ago

eval is evil. Even if you use it the correct way with (). Nothing tells you it's not a script. If you want to do it that way you would rather use JSONP. And btw, always prefer the function constructor to eval because it gives a scope. (yes, I did vote down)

mario Over a year ago

@xavierm02: Stupid meme is stupid. There's nothing dangerous about evaling your own servers JSON response. And eschewing a quintessential feature of scripting languages for fictional reasons like that is not very clever. (It's also not fashionable to downvote competing answers.)

xavierm02 Over a year ago

If you edit and replace eval by the Function constructor, I take back my downvote :-°

xavierm02 Over a year ago

If you want to use eval, do it correctly as he does: github.com/douglascrockford/JSON-js/blob/master/json2.js

xavierm02 Over a year ago

But you can avoid it (look at the other files in the repo).

|

Collectives™ on Stack Overflow

Send PHP Array To Javascript

5 Answers 5

5 Comments

1 Comment

5 Comments

Comments

15 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

5 Comments

1 Comment

5 Comments

Comments

15 Comments

Your Answer

Sign up or log in

Post as a guest

Related