jquery handles JSON and Ajax return JSON instances

Son data is a type of data storage method of real-time data interaction, using the most should be Ajax and JSON used together, let me introduce you to the jquery processing JSON data method.

First, some basic knowledge of JSON.

The object in JSON is identified by "{}", and a "{}" represents an object, such as {"Areaid": "123"}, and the value of the object is the form of a key-value pair (key:value).

"[]", identifies the array, and divides each data within the array through ",", such as ["Areaid": "123", "Areaid": "345"].

In many cases an array of objects, that is:

The code is as follows	Copy Code
[{"Areaid": "123"},{"Areaid": "345"}]

In fact, the array is also an object, the above format can be written like this:

The code is as follows	Copy Code
{"area": [{"Areaid": "123"},{"Areaid": "345"}]}

This represents an area object that has two sub-data, each of which is also an object, and each child object is areaid.

The definition format of strings and characters in JSON is similar to the generic C language definition, double quotation marks define strings, and single quotation marks define characters.

The JSON key (key) is enclosed in double quotation marks, such as "area" and "Areaid", which are enclosed in double quotation marks, and you can escape double quotes using escaped characters when constructing JSON strings in some languages.

Second, JavaScript operation JSON character

1. First to distinguish between JSON strings and JSON objects

JSON string:

The code is as follows	Copy Code
Var Strjson = "{" "area": [{"Areaid": "123"},{"Areaid": "345"}]} ",

In fact, it can be written like this:

The code is as follows	Copy Code
Var Strjson = ' {' area ': [{' Areaid ': ' 123 '},{' areaid ': ' 345 '}]} ',

This represents a JSON string, since both single and double quotation marks in JS can represent a string, so the first one using double quotation marks and the second one using single quotation marks represents a JSON string.

Here's a look at the JSON object

The code is as follows	Copy Code
Var JSON = {"Area": [{"Areaid": "123"},{"Areaid": "345"}]},

See, there is no single or double quotation mark on the outermost side of the JSON object, which represents a JSON object.

Scripts that are disconnected from the server:

The code is as follows

Copy Code

<?php $data [' id '] = 1; $dat [' name '] = "Mary"; $da [' Red ']= array_merge ($data, $dat); $data 1[' id '] = 2; $dat 1[' name '] = "swallow"; $da [' Blue ']= array_merge ($data 1, $dat 1); Print_r ($DA);////printing out is a two-dimensional array (see below) /* Array ( [Red] + = Array ( [id] = 1 [Name] + Mary ) [Blue] = Array ( [id] = 2 [name] = = Swallow ) ) */ echo Json_encode ($DA);//output is a string converted to JSON format, can be used directly in JS (below) /* {"Red": {"id": 1, "name": "Mary"}, "Blue": {"id": 2, "name": "U71d5u5b50"}} */ ?>

jquery script:

Return to JS after the processing:
The first is to use the Varl transformation: The string is the time to use eval into the jquery object (as follows)

The code is as follows	Copy Code
var arr = ' {' red ': {' id ': 1, ' name ': ' Mary '}, ' Blue ': {' id ': 2, ' name ': ' U71d5u5b50 '} ';//u71d5u5b50 this is automatically converted in PHP var dataobj = eval ("(" ("+arr+"));//The reason for adding braces and double quotes here I don't know, it's JSON syntax, just rote $.each (Dataobj,function (Idx,item) { Output Alert (item.id+ "haha" +item.name); })

The second type: no conversions required:

The code is as follows	Copy Code
var arr = {"Red": {"id": 1, "name": "Mary"}, "Blue": {"id": 2, "name": "U71d5u5b50"}}; $.each (Arr,function (Idx,item) { Output Alert (item.id+ "haha" +item.name); })

There are two ways of looping:
Method One:

The code is as follows	Copy Code
$.each (Arr,function (Idx,item) { Output Alert (item.id+ "haha" +item.name); })

Method Two:

The code is as follows	Copy Code
for (var key in arr) { alert (key); alert (arr[key].status); }

We can try the effect.

How Ajax is handled when it returns JSON

1, use the normal ASPX page to handle
I think this is the easiest way to deal with it, look at the code below

The code is as follows	Copy Code
$.ajax ({ Type: "Post", URL: "Default.aspx", DataType: "JSON", Success:function (data) { $ ("Input#showtime"). Val (Data[0].demodata); }, Error:function (XMLHttpRequest, Textstatus, Errorthrown) { alert (Errorthrown); } });

Here is the code that passes the data in the background

tr>

copy code

response.clear ();                            Response.Write ("[{" Demodata ":" This is the JSON Data "}]");                            Response.Flush ();                            Response.End ();

This process of processing the data passed directly into the JSON data, that is to say, the foreground JS code can directly parse the data into JSON object data, rather than string data, such as Data[0].demodata, this is the direct use of this JSON object data

(GO) jquery handles JSON and Ajax return JSON instances