Using PHP-Data (Objects) in JavaScript/JQuery

Question

I have a php-function to fetch events as objects and I want to add them to my existing ul-list via JQuery. I want to transfer the php-variable to JQuery and want to iterate this variable to build up the HTML. I tried it with this one:

$pastEvents = event::getPastEvents($team);
var test = { pastEvents : '<?php echo $pastEvents; ?>' };
for (obj in test.pastEvents) {          
    console.log(obj);
}

The result i get is only 0, 1, 2, 3, 4, 5,... in the console. The var_dump from PHP looks like this:

array(8) { [0]=> object(game)#10 (17) { ["creatorid":protected]=> int(1) ["tid":protected]=> int(1) ["eid":protected]=> int(12) ["art":protected]=> int(1) ["spielart":protected]=> int(1) ["zeitpunkt":protected]=> string(19) "2012-02-28 11:20:00" ["zeit":protected]=> string(19) "2012-02-18 11:21:50"

How can i access the objects from PHP? How can i iterate the variable correctly, that i can access the data like obj.creatorid ... ?

Thanks!

P.S: I could solve this by using jquery's ajax-function - but before the user clicks i already have the data available - so the ajax-request is needless.

charlietfl · Accepted Answer · 2012-02-29 18:05:33Z

1

You need to use php method json_encode() to convert to json.

echo json_encode( $array);

Then in jQuery ( using ajax)

$.getJSON( url, function(data){
   console.log( data)// log the whole json object to console
})

answered Feb 29, 2012 at 18:05

charlietfl

172k14 gold badges125 silver badges154 bronze badges

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

5 Comments

Torben Over a year ago

Thanks. Yes, i want to debug this step by step and my first result after "echo json_encode($pastEvents);" is "[{},{},{},{},{},{},{},{}]" -> how can that be?

charlietfl Over a year ago

very strange since var_dump showed properly. Need php5 but it would have failed if json_encode wasn't a function. Don't understand all the empty objects ..sorry

Torben Over a year ago

I now tried it with this: for (var i = 0, len = test.length; i < len; ++i) { var even = test[i]; alert(even.creatorid); } len is 8, that's correct. But alerts have just the result "undefined". Puh, that's frustrating :(

Torben Over a year ago

GOT IT!!! It was hidden somewhere in my brain! The variables in the classes must be public and not protected. Now it works :) thanks!

charlietfl Over a year ago

alert will not display an object...use browser console to log to, will save you a lot of development time learning to use it and it's not hard

Sahand · Accepted Answer · 2012-02-29 18:00:25Z

0

You need to use JSON. Look up the JSON and the PHP functions json_encode and json_decode.

answered Feb 29, 2012 at 18:00

Sahand

2,1851 gold badge19 silver badges25 bronze badges

Comments

i.am.michiel · Accepted Answer · 2012-02-29 18:00:51Z

0

Use JSON possibilites. Convert your php data to JSON. That can be easily understood from Javascript.

json_encode($myData);
json_decode($myData);

To read, JSON, in Javascript, simply access it as an object.

myObject.myField

answered Feb 29, 2012 at 18:00

i.am.michiel

10.4k7 gold badges54 silver badges86 bronze badges

1 Comment

Torben Over a year ago

Thanks for your quick response. I tried it like this: echo json_encode($pastEvents); but the result is "[{},{},{},{},{},{},{},{}]" -> but the var_dump of $pastEvents is the result from above. How can that be...

Collectives™ on Stack Overflow

Using PHP-Data (Objects) in JavaScript/JQuery

3 Answers 3

5 Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related