Encoding PHP array into JSON object and parsing it using Jquery.

Posted at January 25, 2010

PHP 5.2 and higher has native support for JSON .  JSON (JavaScript Object Notation) is a lightweight data-interchange format. It is easy for humans to read and write. It is easy for machines to parse and generate. It is based on a subset of the JavaScript Programming Language.

JSON is a text format that is completely language independent but uses conventions that are familiar to programmers of the C-family of languages, including C, C++, C#, Java, JavaScript, Perl, Python, and many others.  For more details about JSON ,visit here.

Initially , I had used json only when I was learning javascript libraries  ‘EXTJS‘ and  ‘SmartClient‘ as the datasource  because php array can be easily encoded into json rather using XML.  But in my recent project I was bound to use JSON as the data we required into the array format from the server side script . I used JSON as the data interchange format rather using XML becuase PHP has easy support for the json encoding and decoding and  JSON can be easily parsed using JQuery . I am a huge fan of JQUERY. Its the first javascript library I have been acquainted with and since then I have been using JQuery for my every projects and its a awesome experience and fun . Soon, I will be posting with   JQuery plugin that I had made.

Now ,  lets encode the php associative array into JSON format .

  <?
     $php_array = array ( 'name'=>'Ram', 'address'=> 'Nepal' , 'tel' =>'00000' );//php associative array 
 
     $json = json_encode ( $php_array ) ;
     echo $json;
  ?>

Save the above code into file as _ajaxGetJsonData.php .

Subsequently , the variable $json contains the data in the json format i.e

$json => {"name":"Ram","address":"Nepal","tel":"00000"}

Now,  we have half of our job done. Here,  I have used JQuery to parse the Json data .

$(document).ready ( function ()
 
$.getJSON("_ajaxGetJsonData.php",function(json){
 
alert (json.name ) // alerts  'Ram'
alert ( json.address) //alerts 'Nepal'
alert(json.tel ) // alerts 00000.
 
});
 
});

In above code , JSON asynchronous request  will be executed on document ready state.

838 views
Javascript, Jquery, Php

Comments

One Response to “Encoding PHP array into JSON object and parsing it using Jquery.”

Leave Comment

(required)

(required)