JQuery中的$.getJSON 使用說明
jQuery.getJSON( url, [data], [callback] ) 跨域加載JSON數(shù)據(jù)。
url: 發(fā)送請(qǐng)求的地址
data : (可選) 待發(fā)送key/value參數(shù)
callback: (可選) 載入成功時(shí)的回調(diào)函數(shù)
主要用于客戶端獲取服務(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):
第一:在返回客戶端之前,先用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();"/>
注意一點(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的緩存問題的處理方法
- jQuery中$.ajax()和$.getJson()同步處理詳解
- 用原生JavaScript實(shí)現(xiàn)jQuery的$.getJSON的解決方法
- jQuery中$.get、$.post、$.getJSON和$.ajax的用法詳解
- jQuery使用getJSON方法獲取json數(shù)據(jù)完整示例
相關(guān)文章
基于jquery的9行js輕松實(shí)現(xiàn)tab控件示例
tab控件的實(shí)現(xiàn)方法有很多,在本文為大家詳細(xì)介紹下如何通過9行js實(shí)現(xiàn)簡(jiǎn)單的tab控件,感興趣的朋友不要錯(cuò)過2013-10-10由點(diǎn)擊頁面其它地方隱藏div所想到的jQuery的delegate
在網(wǎng)頁開發(fā)的過程中經(jīng)常遇到的一個(gè)需求就是點(diǎn)擊一div內(nèi)部做某些操作,而點(diǎn)擊頁面其它地方隱藏該div。比如很多導(dǎo)航菜單,當(dāng)菜單展開的時(shí)候,就會(huì)要求點(diǎn)擊頁面其它非菜單地方,隱藏該菜單2013-08-08如何用jQuery實(shí)現(xiàn)ASP.NET GridView折疊伸展效果
我們今天就一個(gè)具體的需求進(jìn)行分析,引出如何用jQuery實(shí)現(xiàn)ASP.NET GridView折疊伸展效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2015-09-09jQuery實(shí)現(xiàn)圖片上傳預(yù)覽效果功能完整實(shí)例【測(cè)試可用】
這篇文章主要介紹了jQuery實(shí)現(xiàn)圖片上傳預(yù)覽效果功能,結(jié)合完整實(shí)例形式分析了jQuery處理圖片上傳預(yù)覽相關(guān)事件響應(yīng)、瀏覽器判斷、圖片及頁面元素動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-05-05jQuery+HTML5實(shí)現(xiàn)手機(jī)搖一搖換衣特效
經(jīng)常我們玩微信都會(huì)用到查到附近的人,都是在app上實(shí)現(xiàn)手機(jī)搖一搖的功能?,F(xiàn)在,我們將此技術(shù)搬移到手機(jī)web上,供大家學(xué)習(xí),有需要的小伙伴可以參考下。2015-06-06jQuery選擇器選中最后一個(gè)元素,倒數(shù)第二個(gè)元素操作示例
這篇文章主要介紹了jQuery選擇器選中最后一個(gè)元素,倒數(shù)第二個(gè)元素操作,涉及jQuery選擇器eq()方法與last()方法相關(guān)操作技巧,需要的朋友可以參考下2018-12-12使用jQuery制作遮罩層彈出效果的極簡(jiǎn)實(shí)例分享
這篇文章主要介紹了使用jQuery制作遮罩層彈出效果的極簡(jiǎn)實(shí)例分享,效果中背景為半透冥且不可操作,在制作頁面上傳功能等場(chǎng)景下十分實(shí)用,需要的朋友可以參考下2016-05-05jQuery實(shí)現(xiàn)用方向鍵控制層的上下左右移動(dòng)
本文將會(huì)使用jquery實(shí)現(xiàn)以下功能:按下方向鍵時(shí),使層向相應(yīng)的方向平滑移動(dòng)20像素;四個(gè)方向鍵的鍵碼分別是37(左)、38(上)、39(右)和40(下),感興趣的朋友可以了解下2013-01-01