jQuery ajax - getJSON() ਮੈਥਡ

jQuery Ajax 参考手册

ਉਦਾਹਰਣ

AJAX ਰਿਕਵੇਰੀ ਰਾਹੀਂ JSON ਡਾਟਾ ਪ੍ਰਾਪਤ ਕਰੋ ਅਤੇ ਨਤੀਜੇ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰੋ:

$("button").click(function(){
  $.getJSON("demo_ajax_json.js",function(result){
    $.each(result, function(i, field){
      $("div").append(field + " ");
    });
  });
});

ਆਪਣੇ ਹੀ ਪ੍ਰਯੋਗ ਕਰੋ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

HTTP GET ਰਿਕਵੇਰੀ ਰਾਹੀਂ JSON ਡਾਟਾ ਲੋਡ ਕਰੋ

ਜੇਕੇਐੱਮਜੇ ਵਿੱਚ ਤੁਸੀਂ JSONP ਕਾਲਬੈਕ ਫੰਕਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਹੋਰ ਵੈੱਬਸਾਈਟਾਂ ਦੇ JSON ਡਾਟਾ ਲੋਡ ਕਰ ਸਕਦੇ ਹੋ ਜਿਵੇਂ "myurl?callback=?"।jQuery ਆਪਣੇ ਹੀ ਸਵੈ ਵਿੱਚ ? ਨੂੰ ਸਹੀ ਫੰਕਸ਼ਨ ਨਾਮ ਨਾਲ ਤਬਦੀਲ ਕਰੇਗਾ ਤਾਂਕਿ ਕਾਲਬੈਕ ਫੰਕਸ਼ਨ ਚਲਾਇਆ ਜਾ ਸਕੇ। ਧਿਆਨ: ਇਸ ਲਾਈਨ ਦੇ ਬਾਅਦ ਦਾ ਕੋਡ ਕਾਲਬੈਕ ਫੰਕਸ਼ਨ ਚਲਣ ਤੋਂ ਪਹਿਲਾਂ ਚਲੇਗਾ।

ਗਰੰਥ

jQuery.getJSON(url,data,success(data,status,xhr))
ਪੈਰਾਮੀਟਰ ਵਰਣਨ
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() 方法進行解析。

示例

從 test.js 載入 JSON 數據並顯示 JSON 數據中一個 name 字數據：

$.getJSON("test.js", function(json){
  alert("JSON Data: " + json.users[3].name);
});

更多示例

例子 1

從 Flickr JSONP API 載入 4 張最新的關於猫的圖片：

HTML 編碼：

<div id="images"></div>

jQuery 編碼：


$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?
tags=cat&tagmode=any&format=json&jsoncallback=?", function(data){
  $.each(data.items, function(i,item){
    $("<img/>").attr("src", item.media.m).appendTo("#images");
    if ( i == 3 ) return false;
  });
});

例子 2

從 test.js 載入 JSON 數據，附加參數，顯示 JSON 數據中一個 name 字數據：

$.getJSON("test.js", { name: "Bill", time: "2pm" }, function(json){
  alert("JSON Data: " + json.users[3].name);
});

jQuery Ajax 参考手册