Json with Jquery

Today, I am think about ornagai api. I should export with JSON because json is easy to read data with javascript library (mootools,jquery,etc..) and also with PHP. So, I tring with Jquery to read json. Oh! it’s so easy and so nice for me.

This is a data.json

{

“data”:

[{

“word”:”A”,

“state”:”art”,

“def”:”     the first letter of the English alphabet”

},

{

“word”:”Art”,

“state”:”n”,

“def”:”the quality, production, expression, or realm, according to aesthetic principles, of what is beautiful, appealing, or of more than ordinary significance”

}

,

{

“word”:”Saturn”,

“state”:”n”,

“def”:”an ancient Roman god of agriculture, the consort of Ops, believed to have ruled the earth during an age of happiness and virtue, identified with the Greek god Cronus.”

}]

}

This is my jquery code

[sourcecode lang=’js’] $(function() { $.getJSON(“data.json”, function(json) { alert(json.data[1].def); $.each(json.data,function(i,mydata){ $(“#result”).append(mydata.word+”<br>”); }); }); }); [/sourcecode]

Complete HTML code is

[sourcecode lang=’xhtml’] <html>

<head>

<script src=”jquery-1.3.2.min.js”></script>

<script>

$(function() {

$.getJSON(“data.json”, function(json) {

alert(json.data[1].def);

$.each(json.data,function(i,mydata){

$(“#result”).append(mydata.word+”<br>”);

});

});

}); </script>

</head>

<body>

<div id=”result”>

</div>

</body>

</html> [/sourcecode]

Download Complete source code

comments powered byDisqus