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