欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > HTML >
  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中的字符串,无论是属性或值,必须用双引号括起来 。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h63967.shtml

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2018-08-14 17:37 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。