Ajax jQuery中的JSON简介及应用实例Ajax jQuery中的JSON简介 JSON in ajax jQu

JSON in Ajax jQuery

Ajax jQuery中的JSON简介

JSON in ajax jQuery是用来从JSON文件中检索数据的。一个查询字符串被附加在URL上，数据被传送到服务器上。如果数据参数的值是一个普通的对象，它首先被转换为一个字符串，然后在被附加到URL之前进行url编码。返回的数据通常是一个由JSON格式定义的JavaScript对象或数组。

什么是ajax jQuery中的JSON？

JSON的主要好处是它的速度。与HTML相比，JSON不那么冗长，导致更少的字节和更快的解析。
因此，我们可以处理更多的JSON格式的通信比XML格式的信息。JSON还提供了一个非常有效和直观的对象表示，这导致了像BSON这样的格式，它以二进制格式存储类似JSON的对象。
JSON格式是用$.parseJSON()方法解析的，它被提供给成功回调。此外，答案的文本状态也会被送到它那里。
如果JSON文件中存在语法错误，请求通常会无声地失败。正因为如此，不要经常用手改变JSON数据。JSON是一种数据传输格式，比JavaScript的对象字面符号有更严格的语法限制。
所有的jQuery Ajax函数都取代了XMLHTTPRequest对象。方法jqXHR.done（成功），jqXHR.fail（错误），和jqXHR.always（完成）。所有这些方法都需要一个函数参数，在请求结束时被调用。
如果请求已经完成，回调将被立即触发。如果我们还不需要很多配置，$.getJSON方法对于直接处理JSON很有用。
更通用的$.ajax帮助器与适当的设置被隐含地应用。
通过改变接受头为application/JSON，jQuery getJSON方法向服务器发出一个异步的http GET调用，并接收JSON格式的数据。
JSON是一种基于文本的，独立于语言的格式，经常被用于在线应用中的数据通信。AJAX代码可用于获取JSON数据。

如何在ajax jQuery中使用JSON？

AJAX允许我们异步地检索响应；它将节省带宽。下面的例子显示了如何在ajax jQuery中使用JSON，如下所示。
jQuery的getScript方法向服务器发出一个HTTP GET请求，服务器接收并执行JavaScript文件。jQuery库的getScript方法调用get方法，并设置dataType为script。

代码 -

<html>
<head>
<meta content = "text/html; charset=utf-8">
<title> JSON in Ajax JQuery </title>
<script type = "application/javascript">
function load()
{
var url = "http://date.JSONtest.com/";
var req;
if (window.XMLHttpRequest){
req = new XMLHttpRequest();
}
else if (window.ActiveXObject) {
req=new ActiveXObject ("Microsoft.XMLHTTP");
}
req.onreadystatechange  = function() {
if (req.readyState == 4  )
{
var JSONObj = JSON.parse (request.responseText); JSON object
document.getElementById  ("Day").innerHTML =  JSONObj.Day;
document.getElementById ("Month").innerHTML = JSONObj.Month;
document.getElementById ("Year").innerHTML = JSONObj.Year;
}
}
req.open ("GET", url, true);
req.send ();
}
</script>
</head>
<body>
Day: <span id="Day"></span><br/>
Month: <span id="Month"></span><br/>
Year: <span id="Year"></span><br/>
<button type="button" onclick="load()">Click here to load info.</button>
</body>
</html>

JSON in Ajax jQuery output 1

JSON in ajax jQuery方法

下面是JSON ajax jQuery的方法，如下所示:

$.ajax()- 这个方法是用来做一个异步的AJAX请求。
$.**ajaxPrefilter()**\- 该方法用于处理自定义的Ajax选项，或在每个请求被交付并由$ .ajaxPrefilter()处理之前修改当前选项。
$.ajaxSetup()- 这个方法为以后的AJAX查询设置默认值。
$.get()- 该方法使用AJAX HTTP GET请求从服务器加载数据。
$.ajaxTransport()- 它将创建一个对象，管理Ajax数据的实际传输。
$.**getJSON()**\- 使用一个HTTP GET请求，$ .getJSON()从服务器加载JSON编码的数据。
$.parseJSON()- 在3.0版本中，这个函数被废弃了；相反，使用JSON.parse()。从一个格式良好的JSON字符串返回一个JavaScript值。
$.getScript()- 使用AJAX HTTP GET请求从服务器上加载一个JavaScript。
$.**param()**\- 该方法用$ .param()创建一个数组或对象的序列化表示。
$.post()- 该方法使用AJAX HTTP POST请求，从服务器上加载数据。
AjaxComplete()- 当一个AJAX请求完成后，函数ajaxComplete()被调用。
AjaxError()- 当一个AJAX请求失败时，它将指定一个方法被调用。
AjaxSend()- 它指定了一个在发送AJAX请求前要执行的函数。
AjaxStart()- 它指定了一个方法，当第一次进行AJAX请求时运行。
AjaxStop()- 它指定了一个方法，一旦所有的AJAX请求完成，就会被执行。

JSON在ajax的jQuery参数

使用jQuery库与Ajax来检索JSON文件中的数据。JSON GET (URL, [data], [callback].JQuery是一种编程语言。
使用GET HTTP请求，getJSON（URL，[数据]，[回调]）方法从服务器上检索JSON数据。
下面是JSON jQuery ajax方法使用的所有参数的列表。
Data - 这个参数是可选的，代表将被传递到服务器的键/值对。
Url - 一个字符串，提供请求发送数据的URL。
Callback - 这个可选参数代表一个函数，如果数据被成功加载，将被执行。
下面的例子显示了JSON在ajax中使用的jQuery参数，如下所示。

代码 -

<html>
<head>
<title>JSON in Ajax JQuery Parameter</title>
<script src = "https://ajax.googleapis.com/ajax/libs/jQuery/2.1.3/jQuery.min.js"></script>
<script>
$(document).ready(function()
{
$("#driver").click(function(event){
$.getJSON('result.JSON', function(jd) {
$('#stage').html('<p> Stud_name: ' + jd.name + '</p>');
$('#stage').append('<p>Stud_age : ' + jd.age+ '</p>');
});
});
});
</script>
</head>
<body>
<p>JSON in Ajax JQuery Parameter</p>
<div id = "stage" style = "background-color:#cc0;">

JSON在Ajax JQuery参数中的使用

</div>
<input type = "button" id = "driver" value = "Click on this tab to load the result" />
</body>
</html>

JSON in Ajax jQuery output 2

结论

JSON是一种基于文本的、独立于语言的格式，经常被用于在线应用中的数据通信。AJAX代码可以用来获取JSON数据。AJAX允许我们异步地检索响应；它将节省带宽。JSON在ajax中的jQuery是用来从JSON文件中检索数据的。