JQuery中的$.getJSON 使用說(shuō)明
更新時(shí)間：2011年03月10日 12:18:34 作者：
jQuery中常用getJSON來(lái)調(diào)用并獲取遠(yuǎn)程的JSON字符串，將其轉(zhuǎn)換為JSON對(duì)象，如果成功，則執(zhí)行回調(diào)函數(shù)。
原型如下：
jQuery.getJSON( url, [data], [callback] ) 跨域加載JSON數(shù)據(jù)。
url: 發(fā)送請(qǐng)求的地址
data : (可選) 待發(fā)送key/value參數(shù)
callback: (可選) 載入成功時(shí)的回調(diào)函數(shù)
主要用于客戶(hù)端獲取服務(wù)器JSON數(shù)據(jù)。簡(jiǎn)單示例：
服務(wù)器腳本，返回JSON數(shù)據(jù)：
$.getJSON.php
$arr=array("name"=>"zhangsan", "age"=>20);
$jarr=json_encode($arr);
echo $jarr;
注意兩點(diǎn)：
第一：在返回客戶(hù)端之前，先用PHP函數(shù)json_encode將要返回的數(shù)據(jù)進(jìn)行編碼。
第二：返回到客戶(hù)端用的是echo，而不是return。
下面是核心的客戶(hù)端代碼：
$.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();"/>
注意一點(diǎn)：
由于在PHP中是用JSON編碼返回值，所以此處必須用getJSON去調(diào)用PHP文件，從而獲取數(shù)據(jù)。同時(shí)可以注意到，經(jīng)由getJSON得到的數(shù)據(jù)已經(jīng)變成了一個(gè)對(duì)象數(shù)組，可以用response.name，response.age很直觀的獲取返回值。
jQuery.getJSON( url, [data], [callback] ) 跨域加載JSON數(shù)據(jù)。
url: 發(fā)送請(qǐng)求的地址
data : (可選) 待發(fā)送key/value參數(shù)
callback: (可選) 載入成功時(shí)的回調(diào)函數(shù)
主要用于客戶(hù)端獲取服務(wù)器JSON數(shù)據(jù)。簡(jiǎn)單示例：
服務(wù)器腳本，返回JSON數(shù)據(jù)：
$.getJSON.php
$arr=array("name"=>"zhangsan", "age"=>20);
$jarr=json_encode($arr);
echo $jarr;
注意兩點(diǎn)：
第一：在返回客戶(hù)端之前，先用PHP函數(shù)json_encode將要返回的數(shù)據(jù)進(jìn)行編碼。
第二：返回到客戶(hù)端用的是echo，而不是return。
下面是核心的客戶(hù)端代碼：
$.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();"/>
注意一點(diǎn)：
由于在PHP中是用JSON編碼返回值，所以此處必須用getJSON去調(diào)用PHP文件，從而獲取數(shù)據(jù)。同時(shí)可以注意到，經(jīng)由getJSON得到的數(shù)據(jù)已經(jīng)變成了一個(gè)對(duì)象數(shù)組，可以用response.name，response.age很直觀的獲取返回值。
您可能感興趣的文章:
- JQuery 獲取json數(shù)據(jù)$.getJSON方法的實(shí)例代碼
- Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法總結(jié)
- jquery $.getJSON()跨域請(qǐng)求
- Jquery getJSON方法詳細(xì)分析
- jQuery+ajax中g(shù)etJSON() 用法實(shí)例
- JQuery中g(shù)etJSON的使用方法
- jQuery getJSON 處理json數(shù)據(jù)的代碼
- ie下jquery.getJSON的緩存問(wèn)題的處理方法
- jQuery中$.ajax()和$.getJson()同步處理詳解
- 用原生JavaScript實(shí)現(xiàn)jQuery的$.getJSON的解決方法
- jQuery中$.get、$.post、$.getJSON和$.ajax的用法詳解
- jQuery使用getJSON方法獲取json數(shù)據(jù)完整示例
相關(guān)文章
jquery+css實(shí)現(xiàn)移動(dòng)端元素拖動(dòng)排序
這篇文章主要為大家詳細(xì)介紹了jquery+css實(shí)現(xiàn)移動(dòng)端元素拖動(dòng)排序，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-02-02
淺談jQuery before和insertBefore的區(qū)別
下面小編就為大家?guī)?lái)一篇淺談jQuery before和insertBefore的區(qū)別。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-12-12
jQuery編寫(xiě)textarea輸入字?jǐn)?shù)限制代碼
這篇文章主要為大家詳細(xì)介紹了jQuery編寫(xiě)textarea輸入字?jǐn)?shù)限制代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
在本篇文章里小編給大家分享了關(guān)于jQuery無(wú)沖突模式知識(shí)點(diǎn)分析內(nèi)容，需要的朋友們可以學(xué)習(xí)下。2019-01-01
jQuery實(shí)現(xiàn)表格凍結(jié)頂欄效果
昨天晚上公司遇到個(gè)小需求，就是實(shí)現(xiàn)類(lèi)似表格凍結(jié)頂欄的效果。這篇文章主要介紹了jQuery實(shí)現(xiàn)表格凍結(jié)頂欄效果 ,需要的朋友可以參考下2017-08-08
jquery下將選擇的checkbox的id組成字符串的方法
jquery下將選擇的checkbox的id組成字符串的方法，需要的朋友可以參考下。2010-11-11
jQuery語(yǔ)法高亮插件支持各種程序源代碼語(yǔ)法著色加亮
jQuery語(yǔ)法高亮插件能夠?qū)?yè)面中的各種程序源代碼語(yǔ)法著色加亮，并且支持多種語(yǔ)言，在此分享下，感興趣的朋友可以參考下2013-04-04
jQuery中事件與動(dòng)畫(huà)的總結(jié)分享
下面小編就為大家?guī)?lái)一篇jQuery中事件與動(dòng)畫(huà)的總結(jié)分享。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
jQuery實(shí)現(xiàn)點(diǎn)擊文本框彈出熱門(mén)標(biāo)簽的提示效果
點(diǎn)擊文本框彈出熱門(mén)標(biāo)簽的效果實(shí)現(xiàn)方法有很多，在本文為大家詳細(xì)介紹下使用jQuery是如何實(shí)現(xiàn)的，感興趣的朋友不要錯(cuò)過(guò)2013-11-11
jquery插件corner實(shí)現(xiàn)圓角邊框的方法
這篇文章主要介紹了jquery插件corner實(shí)現(xiàn)圓角邊框的方法,實(shí)例分析了jQuery插件corner的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03