JQuery中的$.getJSON 使用說明
更新時間：2011年03月10日 12:18:34 作者：
jQuery中常用getJSON來調(diào)用并獲取遠(yuǎn)程的JSON字符串，將其轉(zhuǎn)換為JSON對象，如果成功，則執(zhí)行回調(diào)函數(shù)。
原型如下：
jQuery.getJSON( url, [data], [callback] ) 跨域加載JSON數(shù)據(jù)。
url: 發(fā)送請求的地址
data : (可選) 待發(fā)送key/value參數(shù)
callback: (可選) 載入成功時的回調(diào)函數(shù)
主要用于客戶端獲取服務(wù)器JSON數(shù)據(jù)。簡單示例：
服務(wù)器腳本，返回JSON數(shù)據(jù)：
$.getJSON.php
$arr=array("name"=>"zhangsan", "age"=>20);
$jarr=json_encode($arr);
echo $jarr;
注意兩點：
第一：在返回客戶端之前，先用PHP函數(shù)json_encode將要返回的數(shù)據(jù)進(jìn)行編碼。
第二：返回到客戶端用的是echo，而不是return。
下面是核心的客戶端代碼：
$.getJSON.html
<script language="javascript" type="text/javascript" src="./js/jquery.js"></script>
<script language="javascript" type="text/javascript">
function getjs()
{
$.getJSON("$.getJSON.php", {}, function(response){
alert(response.age);
});
}
<input type="button" name="btn" id="btn" value="test" onClick="javascript:getjs();"/>
注意一點：
由于在PHP中是用JSON編碼返回值，所以此處必須用getJSON去調(diào)用PHP文件，從而獲取數(shù)據(jù)。同時可以注意到，經(jīng)由getJSON得到的數(shù)據(jù)已經(jīng)變成了一個對象數(shù)組，可以用response.name，response.age很直觀的獲取返回值。
jQuery.getJSON( url, [data], [callback] ) 跨域加載JSON數(shù)據(jù)。
url: 發(fā)送請求的地址
data : (可選) 待發(fā)送key/value參數(shù)
callback: (可選) 載入成功時的回調(diào)函數(shù)
主要用于客戶端獲取服務(wù)器JSON數(shù)據(jù)。簡單示例：
服務(wù)器腳本，返回JSON數(shù)據(jù)：
$.getJSON.php
$arr=array("name"=>"zhangsan", "age"=>20);
$jarr=json_encode($arr);
echo $jarr;
注意兩點：
第一：在返回客戶端之前，先用PHP函數(shù)json_encode將要返回的數(shù)據(jù)進(jìn)行編碼。
第二：返回到客戶端用的是echo，而不是return。
下面是核心的客戶端代碼：
$.getJSON.html
復(fù)制代碼 代碼如下:
<script language="javascript" type="text/javascript" src="./js/jquery.js"></script>
<script language="javascript" type="text/javascript">
function getjs()
{
$.getJSON("$.getJSON.php", {}, function(response){
alert(response.age);
});
}
<input type="button" name="btn" id="btn" value="test" onClick="javascript:getjs();"/>
注意一點：
由于在PHP中是用JSON編碼返回值，所以此處必須用getJSON去調(diào)用PHP文件，從而獲取數(shù)據(jù)。同時可以注意到，經(jīng)由getJSON得到的數(shù)據(jù)已經(jīng)變成了一個對象數(shù)組，可以用response.name，response.age很直觀的獲取返回值。
您可能感興趣的文章:
- JQuery 獲取json數(shù)據(jù)$.getJSON方法的實例代碼
- Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法總結(jié)
- jquery $.getJSON()跨域請求
- Jquery getJSON方法詳細(xì)分析
- jQuery+ajax中g(shù)etJSON() 用法實例
- JQuery中g(shù)etJSON的使用方法
- jQuery getJSON 處理json數(shù)據(jù)的代碼
- ie下jquery.getJSON的緩存問題的處理方法
- jQuery中$.ajax()和$.getJson()同步處理詳解
- 用原生JavaScript實現(xiàn)jQuery的$.getJSON的解決方法
- jQuery中$.get、$.post、$.getJSON和$.ajax的用法詳解
- jQuery使用getJSON方法獲取json數(shù)據(jù)完整示例
相關(guān)文章
基于jquery的9行js輕松實現(xiàn)tab控件示例
tab控件的實現(xiàn)方法有很多，在本文為大家詳細(xì)介紹下如何通過9行js實現(xiàn)簡單的tab控件，感興趣的朋友不要錯過2013-10-10
jQuery Migrate是應(yīng)用遷移輔助插件，是用于高級版本兼容低級版本輔助插件。這篇文章主要介紹了jQuery Migrate 插件用法 ,需要的朋友可以參考下2019-05-05
由點擊頁面其它地方隱藏div所想到的jQuery的delegate
在網(wǎng)頁開發(fā)的過程中經(jīng)常遇到的一個需求就是點擊一div內(nèi)部做某些操作，而點擊頁面其它地方隱藏該div。比如很多導(dǎo)航菜單，當(dāng)菜單展開的時候，就會要求點擊頁面其它非菜單地方，隱藏該菜單2013-08-08
如何用jQuery實現(xiàn)ASP.NET GridView折疊伸展效果
我們今天就一個具體的需求進(jìn)行分析，引出如何用jQuery實現(xiàn)ASP.NET GridView折疊伸展效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2015-09-09
jQuery實現(xiàn)圖片上傳預(yù)覽效果功能完整實例【測試可用】
這篇文章主要介紹了jQuery實現(xiàn)圖片上傳預(yù)覽效果功能,結(jié)合完整實例形式分析了jQuery處理圖片上傳預(yù)覽相關(guān)事件響應(yīng)、瀏覽器判斷、圖片及頁面元素動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2018-05-05
經(jīng)常我們玩微信都會用到查到附近的人，都是在app上實現(xiàn)手機搖一搖的功能。現(xiàn)在，我們將此技術(shù)搬移到手機web上，供大家學(xué)習(xí)，有需要的小伙伴可以參考下。2015-06-06
晚上有插件可以實現(xiàn)"jquery tab"，但有點復(fù)雜了，我想寫個最簡單的，來實現(xiàn)"jquery tab"。而事實上確實很簡練2009-05-05
jQuery選擇器選中最后一個元素，倒數(shù)第二個元素操作示例
這篇文章主要介紹了jQuery選擇器選中最后一個元素，倒數(shù)第二個元素操作,涉及jQuery選擇器eq()方法與last()方法相關(guān)操作技巧,需要的朋友可以參考下2018-12-12
這篇文章主要介紹了使用jQuery制作遮罩層彈出效果的極簡實例分享,效果中背景為半透冥且不可操作,在制作頁面上傳功能等場景下十分實用,需要的朋友可以參考下2016-05-05
本文將會使用jquery實現(xiàn)以下功能:按下方向鍵時，使層向相應(yīng)的方向平滑移動20像素；四個方向鍵的鍵碼分別是37（左）、38（上）、39（右）和40（下）,感興趣的朋友可以了解下2013-01-01