jQuery.getJSON()官方介绍

前端之家收集整理的这篇文章主要介绍了jQuery.getJSON()官方介绍前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
jQuery.getJSON( url [,data] [,success(data,textStatus,jqXHR)] )

参数介绍
url:服务器端处理请求的页面地址。

data:发送到服务器短处理的json数据
success(data,jqXHR):请求成功执行的回调函数

 
 
  1. $.ajax({
  2. url:url,
  3. dataType:'json',
  4. data:data,
  5. success:callback
  6. });

下面是一个快速实现的简单例子:

通过get方式,数据被附加在网址后。如果该数据的值是一个对象,它将被转换成一个编码字符串然后附加在url后面。

 
 
  1. $.getJSON('ajax/test.json',function(data){
  2. varitems=[];
  3. $.each(data,function(key,val){
  4. items.push('<liid="'+key+'">'+val+'</li>');
  5. });
  6. $('<ul/>',{
  7. 'class':'my-new-list',
  8. html:items.join('')
  9. }).appendTo('body');
  10. });

当然这个例子需要例如下面的结构化json数据

 
 
  1. {
  2. "one":"Singularsensation",
  3. "two":"Beadylittleeyes",
  4. "three":"Littlebirdspitchbymydoorstep"
  5. }
原文链接:https://www.f2er.com/json/290633.html

猜你在找的Json相关文章