Home | Web Design | App / Game development | Flash | Flash Games | Graphic Illustration | Technical Illustration | Contact | Site Map    Twitter
 
  Galaxy Graphics Limited

Technical InformationJquery Knowledgebase: A simple JSON example

1) External JSON file

On the server in the same directory as your html file in part 2), named as "samplejson.js" :

{
"employees": [
{ "firstName":"John" , "lastName":"Jones" },
{ "firstName":"Matthew" , "lastName":"Carlsson" },
{ "firstName":"Erik" , "lastName":"Bolt" }
]
}


2) In the HTML or .Javascript files

Within the Javascript (assuming that Jquery is present also the document is ready and there is a HTML tag with id="exampleid")

function loadJson(){
$.getJSON("samplejson.js").done(function (json) {
$("#exampleid").html(json.employees[0].lastName);
});
}


3) End result

The HTML element with id="exampleid" will change to "Jones" when the function loadJson is run.

 
Site content Copyright © 2001-2014 Galaxy Graphics Limited. | Privacy Policy | Terms of use