Tuesday, 17 July 2012

How to Read and Parse JSON using jQuery

In this short post, you will find how you to parse the JSON string using jQuery. JSON (JavaScript Object Notation) is an data exchange format and which is human-readable data. jQuery provides a metohd called "parseJSON" which takes a well-formed JSON string and returns the resulting JavaScript object.


Some facts about JSON

  • JSON is limited to text and numeric values.
  • It doesn't support binary data.
  • An JSON object is a set of key / name pairs which starts with "{" and ends with "}".

Below is sample jQuery code which parses JSON string using parseJSON method which returns an object. 

//Code Starts

$(document).ready(function() {

    var jsonp = '[{"Language":"jQuery","ID":"1"},{"Language":"C#","ID":"2"}]';

    var lang = '';

    var obj = $.parseJSON(jsonp);

    $.each(obj, function() {

        lang += this['Language'] + "

";

    });

    $('span').html(lang);

});​

//Code Ends

No comments:

Post a Comment

Thank you so much for providing your valuable feedback. I will will look into them and update my skills & technologies accordingly.