首页 / 知识

jQuery.getJSON描述

2023-04-11 13:32:00

　　jQuery.getJSON( url [, data ] [, success(data, textStatus, jqXHR) ] )

　　描述: 使用一个HTTP GET请求从服务器加载JSON编码的数据。

　　url

　　类型: String

　　一个包含发送请求的URL字符串

　　data

　　类型: PlainObject

　　发送给服务器的字符串或Key/value键值对。

　　success(data, textStatus, jqXHR)

　　类型: Function()

　　当请求成功后执行的回调函数。

　　这是一个Ajax函数的缩写，这相当于:

　　$.ajax({

　　dataType: "json",

　　url: url,

　　data: data,

　　success: success

　　});

　　数据会被附加到一个查询字符串的URL中，发送到服务器。如果该值的data参数是一个普通的对象，它会转换为一个字符串并使用URL编码，然后才追加到URL中。

　　大多数情况下都会指定一个请求成功后的回调函数：

　　$.getJSON('ajax/test.json', function(data) {

　　var items = [];

　　$.each(data, function(key, val) {

　　items.push('<li id="' + key + '">' + val + '</li>');

　　});

　　$('<ul/>', {

　　'class': 'my-new-list',

　　html: items.join('')

　　}).appendTo('body');

　　});

　　这个例子，当然遵循JSON文件的结构：

　　{

　　"one": "Singular sensation",

　　"two": "Beady little eyes",

　　"three": "Little birds pitch by my doorstep"

　　}

　　使用这种结构，这个例子遍历请求的数据，建立了一个无序列表，并追加到body。

　　在success回调中传入返回的数据，通常是一个JavaScript对象或数组所定义的JSON结构，使用$.parseJSON()方法解析。它（success回调）也传入了响应状态文本。

　　在jQuery 1.5，，在success回调函数接收一个“jqXHR”对象（在jQuery 1.4中，它收到的是XMLHttpRequest对象）。然而，由于JSONP形式和跨域的GET请求不使用XHR，在这些情况下， jqXHR和textStatus参数传递给success（成功）回调是 undefined 。

　　重要提示：从jQuery 1.4开始，如果JSON文件包含一个语法错误，该请求通常会静静的失败。因此应该避免频繁手工编辑JSON数据。JSON语法规则比JavaScript对象字面量表示法更加严格。例如，所有在JSON中的字符串，无论是属性或值，必须用双引号括起来。

描述请求类型数据编码服务器