JQuery中的$.getJSON 使用說明

2019-11-20 23:54:42

字體：大中小

來源：轉載

供稿：網友

原型如下：
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很直觀的獲取返回值。

上一篇：Jquery中getJSON在asp.net中的使用說明

下一篇：基于jquery的地址欄射擊游戲代碼