jQuery+ajax中g(shù)etJSON() 用法實例
實例
從 test.js 載入 JSON 數(shù)據(jù)并顯示 JSON 數(shù)據(jù)中一個 name 字段數(shù)據(jù)：
$.getJSON("test.js", function(json){
alert("JSON Data: " + json.users[3].name);
});
定義和用法
通過 HTTP GET 請求載入 JSON 數(shù)據(jù)。
在 jQuery 1.2 中，您可以通過使用 JSONP 形式的回調(diào)函數(shù)來加載其他網(wǎng)域的 JSON 數(shù)據(jù)，如 "myurl?callback=?"。jQuery 將自動替換 ? 為正確的函數(shù)名，以執(zhí)行回調(diào)函數(shù)。 注意：此行以后的代碼將在這個回調(diào)函數(shù)執(zhí)行前執(zhí)行。
語法
jQuery.getJSON(url,[data],[callback])
參數(shù) 描述
url 待載入頁面的 URL 地址。
data 待發(fā)送 Key / value 參數(shù)。
callback 載入成功時執(zhí)行的回調(diào)函數(shù)。
詳細說明
該函數(shù)是簡寫的 Ajax 函數(shù)，等價于：
$.ajax({
url: url,
data: data,
success: callback,
dataType: json
});
發(fā)送到服務(wù)器的數(shù)據(jù)可作為查詢字符串附加到 URL 之后。如果 data 參數(shù)的值是對象（映射），那么在附加到 URL 之前將轉(zhuǎn)換為字符串，并進行 URL 編碼。
傳遞給 callback 的返回數(shù)據(jù)，可以是 JavaScript 對象，或以 JSON 結(jié)構(gòu)定義的數(shù)組，并使用 $.parseJSON() 方法進行解析。
更多實例
例子 1
從 Flickr JSONP API 載入 4 張最新的關(guān)于貓的圖片：
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;
});
});
例子 2
從 test.js 載入 JSON 數(shù)據(jù)，附加參數(shù)，顯示 JSON 數(shù)據(jù)中一個 name 字段數(shù)據(jù)：
$.getJSON("test.js", { name: "John", time: "2pm" }, function(json){
alert("JSON Data: " + json.users[3].name);
});
- jquery的ajax異步請求接收返回json數(shù)據(jù)實例
- jQuery Ajax異步處理Json數(shù)據(jù)詳解
- jquery序列化form表單使用ajax提交后處理返回的json數(shù)據(jù)
- 詳談 Jquery Ajax異步處理Json數(shù)據(jù).
- jquery用ajax方式從后臺獲取json數(shù)據(jù)后如何將內(nèi)容填充到下拉列表
- JQuery的ajax獲取數(shù)據(jù)后的處理總結(jié)(html,xml,json)
- jquery ajax jsonp跨域調(diào)用實例代碼
- jQuery中$.ajax()和$.getJson()同步處理詳解
- jQuery對JSON數(shù)據(jù)進行排序輸出的方法
- jQuery+ajax讀取json數(shù)據(jù)并按照價格排序示例
相關(guān)文章
jQuery AJAX 方法success()后臺傳來的4種數(shù)據(jù)詳解
今天小編就為大家分享一篇jQuery AJAX 方法success()后臺傳來的4種數(shù)據(jù)詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
這篇文章主要介紹了讓table變成exls的方法,需要的朋友可以參考下2014-03-03
JQuery觸發(fā)radio或checkbox的change事件
在JQuery中，當(dāng)給radio或checkbox添加一個change事件時，如果它的值發(fā)生變化就會觸發(fā)change事件;本文將詳細介紹如何利用JQuery觸發(fā)Checkbox的change事件需要了解的朋友可以參考下2012-12-12
jQuery實現(xiàn)的下雪動畫效果示例【附源碼下載】
這篇文章主要介紹了jQuery實現(xiàn)的下雪動畫效果,涉及jQuery插件結(jié)合setInterval、animate進行動畫操作的相關(guān)使用技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2018-02-02
通過點擊jqgrid表格彈出需要的表格數(shù)據(jù)
在眾多的表格插件中，jqgrid的特點是非常鮮明的，所以jqgrid表格插件用處非常廣泛，本篇文章給大家介紹通過點擊jqgrid表格彈出需要的表格數(shù)據(jù)，需要的朋友參考下2015-12-12
Jquery其實本身可以操作select表單，但是由于比較反鎖，沒有.net 控件那樣去操作方便，我在網(wǎng)上Google了一會，發(fā)現(xiàn)了一個不錯的專門操作select的插件，很好，使用過了，感覺蠻不錯的。2009-11-11
jQuery實現(xiàn)標(biāo)簽子元素的添加和賦值方法
下面小編就為大家分享一篇jQuery實現(xiàn)標(biāo)簽子元素的添加和賦值方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
jQuery是繼prototype之后的又一個優(yōu)秀的Javascript框架。它是由 John Resig 于 2006 年初創(chuàng)建的，它有助于簡化 JavaScript™ 以及Ajax 編程。2009-05-05
這篇文章主要介紹了jquery隔行換色效果實現(xiàn)方法,涉及even及odd選擇器的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-01-01
jquery分頁插件jquery.pagination.js使用方法解析
這篇文章主要針對js分頁插件jquery.pagination.js使用方法進行解析，很實用的分頁插件，感興趣的小伙伴們可以參考一下2016-04-04