DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> JQuery中的$.getJSON 使用說明
JQuery中的$.getJSON 使用說明
編輯:JQuery特效代碼     
原型如下:
jQuery.getJSON( url, [data], [callback] ) 跨域加載JSON數據。
url: 發送請求的地址
data : (可選) 待發送key/value參數
callback: (可選) 載入成功時的回調函數
主要用於客戶端獲取服務器JSON數據。簡單示例:
服務器腳本,返回JSON數據:
$.getJSON.php
$arr=array("name"=>"zhangsan", "age"=>20);
$jarr=json_encode($arr);
echo $jarr;
注意兩點:
第一:在返回客戶端之前,先用PHP函數json_encode將要返回的數據進行編碼。
第二:返回到客戶端用的是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去調用PHP文件,從而獲取數據。同時可以注意到,經由getJSON得到的數據已經變成了一個對象數組,可以用response.name,response.age很直觀的獲取返回值。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved