jQuery中的$.getJSON

jQuery中經常使用getJSON來調用並獲取遠程的JSON字符串，將其轉換爲JSON對象，若是成功，則執行回調函數。原型以下：

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很直觀的獲取返回值。