温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

jQuery.getJSON有什么用

发布时间:2022-03-05 10:51:21 来源:亿速云 阅读:137 作者:小新 栏目:web开发

小编给大家分享一下jQuery.getJSON有什么用,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

  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中的字符串,无论是属性或值,必须用双引号括起来 。

看完了这篇文章,相信你对“jQuery.getJSON有什么用”有了一定的了解,如果想了解更多相关知识,欢迎关注亿速云行业资讯频道,感谢各位的阅读!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI