ansaurus

Question

Best way to transfer an array between PHP and Javascript

Answer 1

+8 A:

I tend to use a JSON object for this:

On the server side, JSON encode your data: json_encode($data );

On the javascript side I write a function that takes a JSON object as a parameter and unpack it. When you unpack the object, you can print the array's contents into a DIV tag, or where ever you would like on the page (jQuery does a pretty sweet job of this).

Hope that helps,

barfoon 2008-12-26 05:08:08

How do you unpack the JSON object with javascript? Can you add some sample code for that and a sample of the unpacked object to your answer please?Thanks

Click Upvote 2008-12-26 05:17:51

Check this out: http://ditio.net/2008/07/17/php-json-and-javascript-usage/

gaoshan88 2008-12-26 05:34:03

MooTools also does JSON encode/decode: http://mootools.net/docs/core/Utilities/JSON

Sam V 2010-02-24 05:40:40

Answer 2

A:

To follow up to your question (and my reply, I ran out of space on the comment reply), here is a very simplified subset of the code I use:

Javascript AJAX handler in jQuery:

$.ajax({
   type: "POST",
   url: "BACKEND.php",
   timeout: 8000,
   data: "var1=" + myVar,
   dataType: "json",
   error: function(){
     $("#DIVID").html("<div class='error'>Error!</div>");
   },  
   success: function(jsonObj){
     $("#DIVID").html(jsonObj.mydata);
   }
 });


PHP Array:
$data['mydata'] = $myData;

barfoon 2008-12-26 05:31:19

Final question. I gave it a try and I now get an 'object' in javascript which contains each of my rows, so I think I would access it as myObj[0].title or myObj[1].title. The prob is, if I want to get the title of something by its ID, how can i find it. The id would be in myObj[1].id or myObj[0].id

Click Upvote 2008-12-26 06:05:02

Try adding a periodObj.1.idMore info on JSON notationhttp://www.hunlock.com/blogs/Mastering_JSON_(_JavaScript_Object_Notation_)see:var myObject = { 'color' : 'blue', 'animal' : {'dog' : 'friendly' } };document.writeln(myObject.animal.dog); // outputs friendly

barfoon 2008-12-26 06:37:00

Argh, my apologies for the terrible formatting there.

barfoon 2008-12-26 06:37:41

Actually i wanted to know, that if I have the ID of a row but not the array index how can I identify it without having to loop through all the rows. I.e: i want myObject[X].title where myObject[X].id=4. Here X is what I want. Btw, i'm accepting ur answer cuz u already helped a lot :)

Click Upvote 2008-12-26 06:51:35

Answer 3

+1 A:

If you're doing inline data, I've always been fond of doing

<script type="text/javascript">
window.sitescriptdata = {}; 
window.sitescriptdata.foo = ( <?php echo json_encode( $structure ); ?> );
</script>

For basic stuff, saves you doing an AJAX callback. Also, if you want to glue data to a DOM node, the "metaobject" way is something I really love.

<div id="foobar">
 <div><object class="metaobject">
        <param name="data" value="<?php echo htmlentities(json_encode($data), ENT_QUOTES );?>" />
 </object></div>
</div>

Now this may not look great, but its an effective way of associating data directly with a DOM node without needing to know the exact unique path to that node. Very handy if you have many many datasets that need to be attached to specific screen elements.

I usually use http://noteslog.com/metaobjects/ plugin for jQuery, but its so simple I have on occasion written it myself ( there was a time I couldn't find the plugin, but new how it worked )

When done, there will be

$("div#foobar > div").get().data.($yourarrayhere)

Visible to your code.

Kent Fredric 2008-12-26 05:52:49

ansaurus

tags:

views:

answers:

Best way to transfer an array between PHP and Javascript

related questions