ajax getJSON()函數


  翻譯結果:

get

英[get]   美[ɡɛt]  

vt.得到;抓住;說服;受(懲罰等)

vt.& vi.到達,來

vi.成為;開始;設法對付;獲得利益或財富

n.生殖,幼獸;贏利

JSON

物件符號;資料格式;實例;輕量級的資料交換格式;表示法

ajax getJSON()函數語法

作用:在 jQuery 1.2 中,您可以透過使用 JSONP 形式的回呼函數來載入其他網域的 JSON 數據,如 "myurl?callback=?"。 jQuery 將自動替換 ? 為正確的函數名,以執行回呼函數。注意:此行以後的程式碼將在這個回呼函數執行前執行。

語法:jQuery.getJSON(url,data,success(data,status,xhr)

參數:

#參數描述
#url    必要。規定將請求傳送的哪一個URL。
data    可選。規定連同請求傳送至伺服器的資料。
success(data,status,xhr) 可選。規定當請求成功時執行的函數。額外的參數:response - 包含來自請求的結果資料status - 包含請求的狀態xhr - 包含XMLHttpRequest 物件

##說明:###此函數是簡寫的Ajax 函數,等價於:$.ajax({url: url,data: data, success: callback,dataType: json});傳送到伺服器的資料可作為查詢字串附加到URL 之後。如果 data 參數的值是物件(映射),那麼在附加到URL 之前將轉換為字串,並進行URL 編碼。傳遞給 callback 的返回數據,可以是JavaScript 對象,或以JSON 結構定義的數組,並使用$.parseJSON() 方法進行解析。###

ajax getJSON()函數範例

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $.getJSON("这里是你的json 文件地址",function(result){
      $.each(result, function(i, field){
        $("p").append(field + " ");
      });
    });
  });
});
</script>
</head>

<body>

<button>获得 JSON 数据</button>
<p></p>

</body>
</html>
#

首頁

影片

問答