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

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

public/data.json{
  "num1": "1",
  "num2": "2"
}

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

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

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

public/client.jsbutton.addEventListener('click', function() {
  fetch('/data.json').then(response => {
    return response.json();
  }).then(data => {
    console.log(data);
  });
});
Задание 1

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