JavaScript တွင် URLSearchParams အသုံးပြု၍ AJAX မှတစ်ဆင့် အချက်အလက်များ ပေးပို့ခြင်း

Query String ကို လက်ဖြင့် ဖွဲ့စည်းရန် မကြာခဏ အဆင်မပြေလှပါ။ URLSearchParams မှတစ်ဆင့် ပြုလုပ်ခြင်းက ပို၍ အဆင်ပြေပါသည်။

button.addEventListener('click', function() {
	let searchParams = new URLSearchParams();
	
	searchParams.set('num1', '1');
	searchParams.set('num2', '2');
	
	let promise = fetch('/handler/', {
		method: 'post',
		body: searchParams,
	});
});

Client ပေါ်တွင် div တစ်ခု၊ button တစ်ခုနှင့် input သုံးခု ရှိပါသည်။ input များထဲသို့ ဂဏန်းများ ရိုက်ထည့်ပါ။ Button ကို နှိပ်လိုက်သောအခါ ရိုက်ထည့်ထားသော ဂဏန်းများကို server သို့ ပို့ပါ။ Server က ပို့လိုက်သော ဂဏန်းများ၏ ပေါင်းလဒ်ကို ရှာဖွေ၍ ပြန်ပို့ပါစေ။ ရလဒ်ကို div ထဲတွင် ရေးသားပါ။