jQuery ajax - get() စက်မှု

အကျိုးသက်သမျှ

div အကျယ်အဝန်း အမှုန်းအရာ ပြောင်းလဲရန် AJAX အမှုန်းအရာ GET ကို သုံးစွဲပါ

$("button").click(function(){
  $.get("demo_ajax_load.txt", function(result){
    $("div").html(result);
  });
});

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

အသုံးပြုနည်း နှင့် အပြုအမူ

get() စက်မှု က အခြား အင်တာနက် HTTP GET တစ်ခုကို သတင်းများ ဆက်သွယ်ပါ၏။

ဒါဟာ ပုံစံအမှုန်းအရာ တစ်ခုဖြစ်ပြီး လုပ်ဆောင်ရမည့် ပုံစံ $.ajax ကို ပြောင်းလဲရန် GET တစ်ခုကို သုံးစွဲပါ၏။ အောင်မြင်သွားသော် ကိုယ်တိုင် အပြန်လည်သတင်းပြောင်းလဲခြင်း လုပ်ဆောင်နိုင်ပါ၏။ အမှားဖြစ်ပါက အပြန်လည်သတင်းပြောင်းလဲခြင်း လုပ်ဆောင်ရန် $.ajax ကို သုံးစွဲပါ၏။

သုံးစွဲနည်း

$(selector).get()url,data,success(response,status,xhr)dataType)
အချက်အလက် ဖော်ပြ
url လိုအပ်ချက်
data လိုအပ်ချက်
success(response,status,xhr)

လိုအပ်ချက်

အချက်အလက်

  • status - အချက်အလက် တောင်းဆိုချက် အချက်အလက်
  • xhr - အချက်အလက် XMLHttpRequest
  • လိုအပ်ချက်
dataType

လိုအပ်ချက်

ပုံစံအား

အခံအား

  • "xml"
  • "html"
  • "text"
  • "script"
  • "json"
  • "jsonp"

အသေးစိတ်ထား

ဤ အက်စ်အိုက် အချက်အလက် ကို အသေးစိတ်ထားသော Ajax အချက်အလက် ဖြစ်၍၊ အသေးစိတ်ထားသော Ajax အချက်အလက် နှင့် အတူ အသေးစိတ်ထားသည်။

$.ajax({
  url: url,
  data: data,
  success: success,
  dataType: dataType
});

ပြန်လည်သတင်း အမျိုးအစား မှာ ပြန်လည်သတင်း ကို ပေးသော success အပြန်ဆုံးသုံး အချက်အလက် အမျိုးအစား မှာ ပြန်လည်သတင်း သခင်အဖွဲ့ အချက်အလက်ကို ပေးနိုင်၍၊ စကာတင် စကာတင် အချက်အလက်၊ JavaScript ဖိုင်၊ သို့မဟုတ် JSON အချက်အလက်ကို ပေးနိုင်ပြီး၊ success အပြန်ဆုံးသုံး အချက်အလက် ကို ပြန်လည်သတင်း အချက်အလက် ကို ပေးနိုင်ပါ。

jQuery 1.4 အတွက် လည်း success အပြန်ဆုံးသုံး အချက်အလက် ကို XMLHttpRequest အချက်အလက် ကို ပြန်လည်သတင်း ကို ပေးနိုင်သည်。

ဘား

test.php ဝီကီချုပ် တောင်းဆိုရာတွင် ပြန်လည်သတင်း ကို လွဲချော်ပါ:

$.get("test.php");

ပိုမိုသုံးနိုင်သော ဘား

ဘား 1

test.php ဝီကီချုပ် တောင်းဆိုရာတွင် 2 ခု ပါဝင်သော အချက်အလက်များ ချဲ့ချက် ပေးရာတွင် ပြန်လည်သတင်း ကို လွဲချော်ပါ:

$.get("test.php", { name: "Bill", time: "2pm" } );

ဘား 2

ပြ test.php ပြန်လည်သတင်း(HTML သို့မဟုတ် XML,ပြန်လည်သတင်းအမျိုးအစားကို အောင်နိုင်သည်):

$.get("test.php", function(data){
  alert("Data Loaded: " + data);
});

ဘား 3

ပြ test.cgi ပြန်လည်သတင်း(HTML သို့မဟုတ် XML,ပြန်လည်သတင်းအမျိုးအစားကို အောင်နိုင်သည်),တစ်စ်စ်သင့်လျော်သော တောင်းဆိုချက် ပေါင်းပြီး:

$.get("test.cgi", { name: "Bill", time: "2pm" },
  function(data){
    alert("Data Loaded: " + data);
  });