Shulou(Shulou.com)06/03 Report--

This article is about how Ajax uses the JSON data format. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

1:

JSON (JavaScriptObject Notation) is a simple data format that is lighter than xml. JSON is native to JavaScript, which means that no special API or toolkit is required to process JSON data in JavaScript.

The rule of JSON is simple: an object is an unordered collection of name / value pairs. An object begins with "{" (opening parenthesis) and ends with "}" (closing parenthesis). Each "name" is followed by a ":" (colon); "name / value" pairs are separated by "," (comma).

JSON uses colons instead of equal signs to assign values. Each assignment statement is separated by a comma. The entire object is encapsulated in curly braces. Nested data can be graded with curly braces.

The data stored in the object description can be a string, a number, or a Boolean. The object description can also store the function, which is the method of the object.

{"person": {"name": "Andy Budd", "website": "http://andybudd.com/"," email ":" andy@clearleft.com "}}

JSON is just a text string. It is stored in the responseText property

In order to read the JSON data stored in the responseText attribute, you need to follow the eval statement of JavaScript. The function eval takes a string as its argument. The string is then executed as JavaScript code. Because the string of JSON is made up of JavaScript code, it is executable by itself

2: case

People at Clearleft @ import url ("clearleft.css"); _ window.onload=function () {var aNodes=document.getElementsByTagName ("a"); for (var I = 0 [I] < aNodes.length; I +) {aNodes [I] .onclick = function () {var request=new XMLHttpRequest (); var url=this.href; var method= "GET"; request.open (method,url); request.send (null); request.onreadystatechange=function () {if (request.readyState==4) {if (request.status==200 | request==304) {var result=request.responseText / / json is stored in the responseText attribute var object=eval ("(" + result+ ")"); / / read json data in responseText var name= object.person.name; / / read data stored in json object var website= object.person.website; var email= object.person.email; var aNode=document.createElement ("a"); aNode.appendChild (document.createTextNode (name+ ":" + "email" + ":" + website)); aNode.href= "mailTo" + "email" + ", website" Var h3Node=document.createElement ("h3"); h3Node.appendChild (aNode); var dtails=document.getElementById ("details"); details [XSS _ clean] = ""; / / prevent repeated addition of the string dtails.appendChild (h3Node);} return false;}; People Andy Richard Jeremy thanks for reading! This is the end of the article on "how Ajax uses JSON data format". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it for more people to see!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.