အသံ အကူအညီ - အချက်
- ပြီးအချိန် ဝိုင်းဝန်း ရှာဖွေ အပေါ် အချက်
- နောက်အချိန် AJAX XMLHttp
AJAX သည် ပုဂ္ဂိုလ်များ အား အကျိုးဆက်ဆံခြင်း ဖြစ်သည် သူ့ကို အချက်အလက် ကို:
- ဝိုက်တာ ကို သွေ့ထဲ့ပြီး ဝိုက်တာ ကို ပြောင်းလဲခြင်း
- ဝိုက်တာ တွင် ပြီးခဲ့ပြီး မှ ဝိုက်တာ ကို အချက်အလက် ကောက်ချက်ခြင်း
- ဝိုက်တာ တွင် ပြီးခဲ့ပြီး မှ ဝိုက်တာ ကို အချက်အလက် စုဆုံးခြင်း
- ဝိုက်တာ အခြေအနေ တွင် မှာ ဝိုက်တာ ကို အချက်အလက် ပေးပို့ခြင်း
အသံ အကူအညီ အမှတ်
အောက်ဆုံး ဘေ့စ် အား လုပ်ကန့်ချင်း သူ့ အချက်အလက် ကို Ajax ဖြင့် ပြောင်းလဲပါသည်။
AJAX အက်စ်စ်ပြင်း
HTML စာမေးသတ္တု
<!DOCTYPE html> <html> <body> <div id="demo"> <h2>အက်စ်ဂျက်စ် အချက်အလက် ပြောင်းလဲခြင်း</h2> <button type="button" onclick="loadDoc()">အချက်အလက် ပြောင်းလဲခြင်း</button> </div> </body> </html>
ဒါ၏ အီလက်ထရောနစ် စာမေးသတ္တု တွင် <div> နှင့် <button> ရှိသည်ဒါန်းသည်။
<div> က ဝိုက်တာ မှ အချက်အလက် ကို ပြသထားပါသည်ဒါန်းသည်။
<button> ပုံစံ ခေါ်ခေါ်ပြီး (လုပ်ကန့်ချင်း အခါ)。
ဒါ၏ ပုံစံ သည် ဝိုက်တာ ဝါဒါ မှ အချက်အလက် ကို သုတေသန ပြီး ပြသထားသည်ဒါန်းသည်။
Function loadDoc()
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();
}
အက်စ်ဂျက်စ် မှာ ဘာကို ဖြစ်သည်ဟန်းဒါန်းသည်။
AJAX = Asynchronous JavaScript And XML.
AJAX 并非编程语言。
AJAX 仅仅组合了：
- 浏览器内建的 XMLHttpRequest 对象（从 web 服务器请求数据）
- JavaScript 和 HTML DOM（显示或使用数据）
Ajax 是一个令人误导的名称。Ajax 应用程序可能使用 XML 来传输数据，但将数据作为纯文本或 JSON 文本传输也同样常见。
Ajax 允许通过与场景后面的 Web 服务器交换数据来异步更新网页。这意味着可以更新网页的部分，而不需要重新加载整个页面。
AJAX 如何工作
- 网页中发生一个事件（页面加载、按钮点击）
- ဂျို့တို့ ဖြင့် XMLHttpRequest အမှုထမ်း ဖန်တီး
- XMLHttpRequest အမှုထမ်း ဘားရပ်ခရိုင် အင်တာနက် အင်တာပတိုက် ကို ကြိုးစား
- ဘားရပ်ခရိုင် ချက် ကို ပြုလုပ်
- ဘားရပ်ခရိုင် ချက် ကို လက်ဖွဲ့ ဖြင့် ပို့ပေး
- ဂျို့တို့ ဖြင့် တုန့်ပြန် ချက် ကို ကြည့်ရှု
- ဂျို့တို့ ဖြင့် အခြေအနေ ပြုလုပ်ခြင်း (အစိတ်အပျက် အပ်ပို့ခြင်း ပုံစံ)
- ပြီးအချိန် ဝိုင်းဝန်း ရှာဖွေ အပေါ် အချက်
- နောက်အချိန် AJAX XMLHttp
