jQuery.getJSON()官方介绍

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

参数介绍
url：服务器端处理请求的页面地址。
data：发送到服务器短处理的json数据
success(data,jqXHR)：请求成功执行的回调函数。

 
 

  
  
$.ajax({ 
  
  
url:url,
  
  
dataType:'json',
  
  
data:data,
  
  
success:callback 
  
  
});
 
 

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

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

 
 

  
  
$.getJSON('ajax/test.json',function(data){ 
  
  
varitems=[]; 
  
  

  
  
$.each(data,function(key,val){ 
  
  
items.push('<liid="'+key+'">'+val+'</li>'); 
  
  
}); 
  
  

  
  
$('<ul/>',{ 
  
  
'class':'my-new-list',
  
  
html:items.join('') 
  
  
}).appendTo('body'); 
  
  
});
 
 

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

 
 

  
  
{ 
  
  
"one":"Singularsensation",
  
  
"two":"Beadylittleeyes",
  
  
"three":"Littlebirdspitchbymydoorstep"
  
  
}