JavaScript Fetch API
Fetch API မျက်နှာပြင်သည် ဝဘ်ဘရောက်ဆာများကို ဝဘ်ဆာဗာများသို့ HTTP တောင်းဆိုမှုများကို ပြုလုပ်ခွင့်ပြုသည်။
😀 XMLHttpRequest မလိုအပ်တော့ဘူး။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် Fetch API ကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းများကို သတ်မှတ်ပေးသည်-
Chrome 42 | Edge 14 | Firefox 40 | Safari 10.1 | Opera 29 |
Apr 2015 | Aug 2016 | Aug 2015 | Mar 2017 | Apr 2015 |
Fetch API ဥပမာ
အောက်ပါဥပမာသည် ဖိုင်တစ်ခုကို ရယူပြီး အကြောင်းအရာကို ပြသသည်-
ဥပမာ
fetch(file)
.then(x => x.text())
.then(y => myDisplay(y));
Fetch သည် async ကိုအခြေခံထားပြီး စောင့်မျှော်နေသောကြောင့်၊ အထက်ဖော်ပြပါဥပမာသည် ဤကဲ့သို့နားလည်ရန်ပိုမိုလွယ်ကူနိုင်သည်-
ဥပမာ
async function getText(file) {
let x = await fetch(file);
let y = await x.text();
myDisplay(y);
}
သို့မဟုတ် ပိုကောင်းသည်- x နှင့် y အစား နားလည်နိုင်သော အမည်များကို သုံးပါ။
ဥပမာ
async function getText(file) {
let myObject = await fetch(file);
let myText = await myObject.text();
myDisplay(myText);
}