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.

You should also take a look at my post about How to create, read and delete simple cookies and JSON cookies.

Related Post:

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.
$(document).ready(function() {
  var jsonp = '[{"Lang":"jQuery","ID":"1"},{"Lang":"C#","ID":"2"}]';
  var lang = '';
  var obj = $.parseJSON(jsonp);
  $.each(obj, function() {
      lang += this['Lang'] + "<br/>";
See result below.

Feel free to contact me for any help related to jQuery, I will gladly help you.

Nothing shocks me, I'm a Software Engineer. And I am not young enough to know everything. I live in World Wide Web and from there take care of this website. This website communicates about my work, learning and experience. I believe life is short, and it is for loving, sharing, learning and connecting. So lets connect..