通过HTTP GET请求载入JSON数据。
在jQuery1.2中,您可以通过使用JSONP形式的回调函数来加载其他网络域的JSON数据,如"myurl?callback=?"。jQuery将自动替换?为正确的函数名,已执行回调函数。
注意:此行以后的代码将在这个回调函数执行前执行。
返回值
XMLHttpRequest
参数
url(String): 发送请求地址。
data(Map):(可选)待发送Key/value参数。
callback(Function):(可选)载入成功时回调函数。
示例
从Flickr JSONP API载入4张最新的关于猫的图片。
HTML代码:
<div id="images"></div>
jQuery代码:
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?", function(data) {
$.each(data.items, function(i, item) {
$("<img/>").attr("src", item.media.m).appendTo("#images");
if(i == 3)
return false;
});
}) ;
从test.js载入JSON数据并显示JSON数据中一个name字段数据。
jQuery代码:
$.getJSON("test.js", function(json) {
alert("JSONData: " + json.users[3].name);
});