Example of json Data Processing Using jQuery getJSON

The following code is an instance that uses jQuery getJSON to process json data. Currently, many real-time interactions require json data processing. For example, php has a special json function, in this way, it is much easier to interact with the foreground. Let's take a look at how jquery's getjson function processes json data.

The following code is a usageJquery get webpage effects on processing webpage effects onData instances. Currently, many real-time interactions use json data for processing. For example, php tutorials have specialized json functions, which makes it much easier to interact with the front-end, let's take a look at how jquery's getjson function processes json data.

<Script type = "text/Webpage effects" src = "/js/jquery-1.4.js"> </script>
<Script type = "text/Webpage effects">
Function jsontest1 ()
{
$. Ajax ({
Url: "handler. ashx ",
Data: {"type": "ajax "},
Datatype: "json ",
Type: "get ",
Success: function (data)
{
Document. getelementbyid ('div1 '). innerhtml = data; // A json string is returned because the mime type is text.
}
});
}
Function jsontest2 ()
{
$. Getjson (
'Handler. ashx ',
{'Type': 'json', 'name': 'qixuejia '}, // type format
Function (data)
{
For (var I = 0; I <data. length; I ++)
{
Alert (data [I] ["userid"])
}
}
);
}
</Script>
<Form id = "form1" runat = "server">
<Div id = "div1">
</Div>
<Input type = "button" value = "jquery. ajax ()" onclick = "jsontest1 ()"/>
<Input type = "button" value = "jquery. getjson ()" onclick = "jsontest2 ()"/>
</Form>