jQuery getJSON()方法怎么用?
getJSON() 方法使用 AJAX 的 HTTP GET 请求获取 JSON 数据。
语法:
$(selector).getJSON(url,data,success(data,status,xhr))
参数:
参数 | 描述 |
---|---|
url | 必需。规定将请求发送到哪个 URL。 |
data | 可选。规定发送到服务器的数据。 |
success(data,status,xhr) |
可选。规定当请求成功时运行的函数。 额外的参数:
|
(相关课程推荐:jQuery教程)
示例:
js脚本:
$.getJSON('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”。
注意:由于浏览器的安全限制,大多数“Ajax”的要求,均采用同一起源的政策 ;该请求不能成功地检索来自不同的域,子域或协议的数据。
© 著作权归作者所有
举报
发表评论
0/200