W2school 参考链接

getJSON() 其实使用的是ajax, 是简写的 Ajax函数.

下面三种写法是等价的:
jquery.getJSON(url,data,success())

$.getJSON(url,data,success())

$.ajax({  
 url: url,
 data: data,
 success: callback,
 dataType: json
});
  • url 必须. 请求 发送给哪个URL
  • data 可选: 连同请求 发送到服务器的数据.
  • success(): 可选: 请求成功时 运行的函数:

传递给 callback 的返回数据,可以是 JavaScript 对象,或以 JSON 结构定义的数组, 并使用 $.parseJSON() 方法进行解析。

example:

从 test.js 载入 JSON 数据并显示 JSON 数据中一个 name 字段数据:

$.getJSON("test.js", function(json){
  alert("JSON Data: " + json.users[3].name);
})

例子 1 从 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){ $(“”).attr(“src”, item.media.m).appendTo(“#images”); if ( i == 3 ) return false; }); });

例子 2 从 test.js 载入 JSON 数据,附加参数,显示 JSON 数据中一个 name 字段数据: $.getJSON(“test.js”, { name: “John”, time: “2pm” }, function(json){ alert(“JSON Data: “ + json.users[3].name); })

$.parseJSON()

JSON.parse(text);

把json text文件 转换成 js 对象来使用.

旧浏览器 需使用 eval()…

var obj = JSON.parse(text);

JSON HTTP request

json 常用功能: 从服务器读取数据: 用 XMLHTTP

例子: