JavaScript တွင် AJAX မှတဆင့် JSON ရယူခြင်း

၀န်ဆောင်မှုပေးစက် (server) မှ JSON ဖော်မတ်ဖြင့် အချက်အလက်များ ပြန်လည်ပေးပို့ခြင်းသည် ပျံ့နှံ့သောအလေ့အကျင့်တစ်ခု ဖြစ်ပါသည်။ ၄င်းနှင့် အလုပ်လုပ်ပုံကို ကြည့်ကြရအောင်။ ၀န်ဆောင်မှုပေးစက် (server) တွင် အောက်ပါဖိုင်ရှိသည်ဟု ယူဆပါစို့။

{
	"num1": "1",
	"num2": "2"
}

ဤဖိုင်မှ အချက်အလက်များကို ရယူကြပါစို့။

button.addEventListener('click', function() {
	fetch('/data.json').then(response => {
		return response.text();
	}).then(data => {
		console.log(JSON.parse(data));
	});
});

JSON သည် အလိုအလျောက် JavaScript ၏ ဖွဲ့စည်းပုံသို့ ပြောင်းလဲသွားစေရန် json နည်းလမ်းကို အသုံးပြုနိုင်ပါသည်။

button.addEventListener('click', function() {
	fetch('/data.json').then(response => {
		return response.json();
	}).then(data => {
		console.log(data);
	});
});

၀န်ဆောင်မှုပေးစက် (server) သည် array ပါသော JSON ကို ပြန်လည်ပေးပို့သည်ဟု ယူဆပါစို့။ ထို array ကို loop ဖြင့် ဖြတ်သန်းပြီး ၎င်း၏အစိတ်အပိုင်းတစ်ခုစီကို သီးခြား li တစ်ခုစီအတွင်း ရေးသွင်းပါ။