ဝတ်ဆိတ် - အင်တာပြောင်း အကူအညီ

onreadystatechange အချက်အလက်

readyState အချက်အလက် သိပ်သင်းထားသည်

onreadystatechange အချက်အလက် နှင့် အချက်အလက် အသုံးပြုရသည် အခြေအနေ ပြောင်းလဲသွားသောအခါ အသုံးပြုရသော အမှု အသုံးပြုရသည်

status အချက်အလက် statusText အခြေအနေ အချက်အလက် သိပ်သင်းထားသည်

ဗီဇ ဖော်ပြ
onreadystatechange အခြေအနေ ပြောင်းလဲသွားသောအခါ အသုံးပြုရသော အမှု အသုံးပြုရသည်
readyState

XMLHttpRequest အခြေအနေ ကို သိပ်သင်းထားသည်။

  • 0: အခြေအနေ အစက်ပြုထားသည်
  • 1: အခြေအနေ ဖွဲ့စည်းထားသည်
  • 2: အမှု ပြီးနောက် အပြန်အလမ်း အခြေအနေ လက်ခံထားသည်
  • 3: အမှု ပြီးနောက် အပြန်အလမ်း အခြေအနေ ပြုလုပ်နေသည်
  • 4: အမှု ပြီးနောက် အပြန်အလမ်း အခြေအနေ ပြီးပြည့်စုံ
status
  • 200: "OK"
  • 403: "Forbidden"
  • 404: "Page not found"

ပြည့်စုံ စာတမ်း ကို သိရှိရန် ခေါ်လျှင် Http အစီအစဉ် စာတမ်း
statusText အပြန်အလမ်း အချက်အလက် ပြန်လည်ပေးသည် (ဥပမာ "OK" သို့မဟုတ် "Not Found")

အပြန်အလမ်း အခြေအနေ ပြောင်းလဲသွားသောအခါ အခါအားလုံး

အခါ အပြန်အလမ်း အခြေအနေ ပြောင်းလဲသွားသောအခါ onreadystatechange အမှုကို အသုံးပြုရသည်။ readyState အတွက် 4နှင့်status အတွက် 200 အခါအားလုံး အပြန်အလမ်း အခြေအနေ ဖြစ်လာသောအခါ

ပြပေး

function loadDoc() {
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            document.getElementById("demo").innerHTML =
            this.responseText;
       };
    };
    xhttp.open("GET", "ajax_info.txt", true);
    xhttp.send(); 
};

ကိုယ်တိုင် ကြိုးစား ပြပေး

ဖော်ပြချက်:onreadystatechange အသုံးပြုရသည် ၅ ကြိမ် (0-4) နှင့် အချိန်မှာ readyState အားလုံး ပြောင်းလဲကြသည်။

အမှုကို အသုံးပြုခြင်း

အမှုကို အခြား အမှုတွင် ပြုလုပ်ထား သော ပုဂ္ဂိုလ်ရိုက် တစ်ခု ဖြစ်သည်။

သင်၏ ဝတ္ထုပိုင်းတွင် AJAX အမှုများ အများပြား ရှိလျှင် သင်သည် XMLHttpRequest အား လုပ်ဆောင်ရမည့် ဖိုင်အသုံးပြုရသော ပုဂ္ဂိုလ်ရိုက် နှင့် အမှုအသုံးပြုရသော အမှုကို ဖွဲ့စည်းပေးသင့်သည်။

ဒီ အပိုဒ်အချက် တွင် အိန္ဒိယ အချက်အလက် အတွက် URL နှင့် တင်ပြချက် အချက်အလက် ဖြစ်သည်။

ပြပေး

loadDoc("url-1", myFunction1);
loadDoc("url-2", myFunction2);
function loadDoc(url, cFunction) {
  var xhttp;
  xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      cFunction(this);
    };
  };
  xhttp.open("GET", url, true);
  xhttp.send();
};
function myFunction1(xhttp) {
  // လုပ်ကြဉ်တာ အချက်အလက်
 }; 
function myFunction2(xhttp) {
  // လုပ်ကြဉ်တာ အချက်အလက်
 };

ကိုယ်တိုင် ကြိုးစား ပြပေး

တင်ပြချက် အချက်အလက် ဗီဇ

ဗီဇ ဖော်ပြ
responseText အချက်အလက် အပါဝင် တင်ပြချက် အချက်အလက် ပြန်လည်ပေးနိုင်သည်။
responseXML XML အချက်အလက် အပါဝင် တင်ပြချက် အချက်အလက် ပြန်လည်ပေးနိုင်သည်။

တင်ပြချက် အချက်အလက် ဖြင့် ပြန်လည်ပေးနိုင်သည်။

နည်းလမ်း ဖော်ပြ
getResponseHeader() ကြွင်းကျန် အချက်အလက် ဖြင့် ပြန်လည်ပေးနိုင်သည်။
getAllResponseHeaders() ကြွင်းကျန် အိန္ဒိယ အချက်အလက် အချက်အလက် ဖြင့် ပြန်လည်ပေးနိုင်သည်။

responseText ဗီဇ

responseText ဗီဇ ဖြင့် သူ့ တင်ပြချက် အချက်အလက် အိန္ဒိယ ဒီမိုကရေစီ အက်စ်မောင်း အပိုဒ်များ အဖြစ် ပြန်လည်ပေးနိုင်သည်။

ပြပေး

document.getElementById("demo").innerHTML = xhttp.responseText;

ကိုယ်တိုင် ကြိုးစား ပြပေး

responseXML ဗီဇ

XML HttpRequest အပိုဒ်များ တွင် အဆိုပါ အိန္ဒိယ ဒီမိုကရေစီ အက်စ်မောင်း အချက်အလက် ဖော်ပြသည်။

ResponseXML ဗီဇ ဖြင့် သူ့ တင်ပြချက် အချက်အလက် အိန္ဒိယ ဒီမိုကရေစီ အက်စ်မောင်း အပိုဒ်များ အဖြစ် ပြန်လည်ပေးနိုင်သည်။

ဒီ ဗီဇ ကို သူ့ တင်ပြချက် အချက်အလက် အိန္ဒိယ ဒီမိုကရေစီ အက်စ်မောင်း အပိုဒ်များ အဖြစ် ပြန်လည်ပေးနိုင်သည်။တည်ပြုအိန္ဒိယ ဒီမိုကရေစီ အက်စ်မောင်း အပိုဒ်များ အတွက်

ပြပေး

တောင်းဆိုသော ဖိုင် music_list.xmlနှင့် တိုက်သွား တင်ပြချက် အချက်အလက် ဖော်ပြသည်။

xmlDoc = xhttp.responseXML;
txt = "";
x = xmlDoc.getElementsByTagName("ARTIST");
for (i = 0; i < x.length; i++) {
  txt += x[i].childNodes[0].nodeValue + "<br>";
  };
document.getElementById("demo").innerHTML = txt;
xhttp.open("GET", "music_list.xml", true);
xhttp.send();

ကိုယ်တိုင် ကြိုးစား ပြပေး

ဒီ တိုင်း ပို့ကွက် အပိုဒ်များ တွင် အမိန့် အိန္ဒိယ ဒီမိုကရေစီ အက်စ်မောင်း အချက်အလက် အသိုင်းအချိုး ပေါ်တွင် လေ့လာနိုင်သည်။

getAllResponseHeaders() စီရင်

getAllResponseHeaders() စီရင် ပြန်လည် သတင်း အချက်အလက် အားလုံး ပုံစံ

ပြပေး

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    document.getElementById("demo").innerHTML = this.getAllResponseHeaders();
  };
};

ကိုယ်တိုင် ကြိုးစား ပြပေး

getResponseHeader() စီရင်

getResponseHeader() စီရင် ပြန်လည် သတင်း အချက်အလက် ပုံစံ

ပြပေး

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    document.getElementById("demo").innerHTML = this.getResponseHeader("Last-Modified");
  };
};
xhttp.open("GET", "ajax_info.txt", true);
xhttp.send();

ကိုယ်တိုင် ကြိုးစား ပြပေး