JavaScript တွင် AJAX မှတဆင့် GET တောင်းဆိုချက်များပေးပို့ခြင်း

ယခု AJAX တောင်းဆိုချက်တစ်ခုတွင် ဆာဗာသို့ဒေတာများပေးပို့ခြင်းကို သင်ယူကြပါစို့။ ဆာဗာသည် ထိုဒေတာများဖြင့် တစ်ခုခုလုပ်ဆောင်ပြီး ရလဒ်ကို ကျွန်ုပ်တို့ထံ ပြန်ပို့ပေးပါလိမ့်မည်။

ကျွန်ုပ်တို့၏ စမ်းသပ်ဆာဗာသည် လိပ်စာ /handler/ သို့ပို့လိုက်သော ဒေတာများကို ကိုင်တွယ်ပါလိမ့်မည်။

public/client.jsbutton.addEventListener('click', function() {
  let promise = fetch('/handler/');
});

စတင်ရန် GET တောင်းဆိုချက်တစ်ခုပို့ကြပါစို့။

public/client.jsbutton.addEventListener('click', function() {
  let promise = fetch('/handler/?num=3');
});

ဆာဗာဘက်တွင် ပို့လိုက်သောဒေတာများကို ရယူကြပါစို့။

server.jsexport default {
  '/handler/': function({get}) {
    console.log(get.num); // 3 ကိုထုတ်ပြမည်
  }
}

ဤဒေတာများဖြင့် တစ်ခုခုလုပ်ဆောင်ပြီး ၎င်းတို့ကို ပြန်ပို့ကြပါစို့။

server.jsexport default {
  '/handler/': function({get}) {
    return get.num ** 2;
  }
}

ကလိုင်းယင့်ဘက်တွင် ရလဒ်ကိုရယူပြီး ဘယ်နေရာတွင်မဆို ထုတ်ပြကြပါစို့။

public/client.jsbutton.addEventListener('click', function() {
  fetch('/handler/?num=3').then(
    response => {
      return response.text();
    }
  ).then(
    text => {
      console.log(text);
    }
  );
});