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 数据。

在 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
});

ပြုလုပ်သည့် အချက်အလက် သည် အော်ဂန်း ပေါ်သို့ ပါဝင်သည့် အချက်အလက် ဖြစ် နိုင် ပြီး အော်ဂန်း ပေါ်မှ ပါဝင်သည့် အချက်အလက် ဖြစ် ဘူးကြောင်း ကြည့်သင့် ပြီး ပြောင်းလဲကာ လက်ခံသည့် အချက်အလက် ဖြစ်သည်။ data ပါဝင်သည့် အသုံးပြုသည့် အရာ သည် အဆိုပါ အော်ဂန်း ပေါ်သို့ ပါဝင်သည့် အရာ ဖြစ် ဘူးကြောင်း ကြည့်သင့် ပြီး ပြောင်းလဲကာ အော်ဂန်း အား လက်ခံသည့် အချက်အလက် ဖြစ်သည်။

ပြုလုပ်သည့် callback အပြန်ဖတ် သတင်း သည် ဂျာနယ်ဂုဏ် အဖြစ် ဖြစ်နိုင် သို့မဟုတ် ဂျာနယ် အဆိုအရာ ဖြစ်သည် တွင် အသုံးပြုသည့် 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 ရင်းနှီး ပါဝင်သည့် သတင်း ကို ပြသသည့် name စကားလုံး ကို ပြသပါ:

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

jQuery Ajax ဝီကီခွဲ