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

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

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

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

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

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

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

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

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

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

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

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

�လိုင်းယင့်တွင် div တစ်ခုနှင့် ခလုတ်တစ်ခုရှိသည်။ ခလုတ်ကိုနှိပ်လိုက်သောအခါ နံပါတ်နှစ်ခုကို ဆာဗာသို့ပို့ပါ။ ဆာဗာက ပေးပို့ထားသောနံပါတ်များ၏ ပေါင်းလဒ်ကို ရှာပါစေ။ ရလဒ်ကို div အတွင်းသို့ ရေးထည့်ပါ။

ဆာဗာတွင် array တစ်ခုပေးထားပါစေ။ ဆာဗာက နံပါတ်တစ်ခုကို ပါရာမီတာအဖြစ်ပို့ပေးမည်ဟု မျှော်လင့်ပြီး �ိုနံပါတ်နှင့်ကိုက်ညီသော array element ကို ပြန်ပို့ပါစေ။ ခလုတ်ကိုနှိပ်သောအခါ နံပါတ်တစ်ခုခုကို ဆာဗာသို့ပို့ပြီး၊ ဆာဗာ၏တုံ့ပြန်ချက်ကို စာပိုဒ်တစ်ခုအတွင်းသို့ ထုတ်ပြပါ။