မျက်မှောက်ခေတ် Web Development တွင်ရှေ့တန်းနှင့်နောက်ခံအကြားအချက်အလက်အပြန်အလှန်ဆက်သွယ်မှုသည်ပြောင်းလဲနေသောဝဘ်စာမျက်နှာများကိုနားလည်သဘောပေါက်ခြင်းနှင့်သုံးစွဲသူအတွေ့အကြုံကိုကြွယ်ဝစေသည်။ ထိရောက်သောဒေတာဆက်သွယ်ရေးကိုဖြည့်ဆည်းရန် JavaScript တွင်ဒေတာများကို JavaScript တွင်အချက်အလက်များကိုမည်သို့ပေးပို့ရမည်ကိုလေ့လာရန်ဤဆောင်းပါးကဤဆောင်းပါးကသင့်အားစာသင်ယူပါမည်။
JavaScript သည်အဓိကအားဖြင့် browser ဘက်မှအပြန်အလှန်ဆက်သွယ်မှုနှင့်ယုတ္တိဗေဒလုပ်ငန်းစဉ်အတွက်အသုံးပြုသည်။ ဤနှစ်ခုကိုအသုံးပြုခြင်းသည်ရှေ့တန်းနှင့်နောက်ခံအဆုံးနှင့်နောက်ခံအဆုံးအကြားကောင်းမွန်သောအချက်အလက်အပြန်အလှန်ဆက်သွယ်မှုကိုရရှိနိုင်ပါသည်။
Ajax (asynchronous javaScript javascript နှင့် xml) သည် 0 က်ဘ်စာမျက်နှာများကိုဆာဗာဖြင့်ကူးယူခြင်းမရှိဘဲဒေတာများကိုလဲလှယ်ရန်ခွင့်ပြုသည်။ ဤဆွေးနွေးမှုသည်အသုံးပြုသူစစ်ဆင်ရေးကိုပိုမိုချောမွေ့စေပြီးဒေတာထုတ်လွှင့်ခြင်းကိုပိုမိုလွယ်ကူစေသည်။
Ajax တောင်းဆိုမှုများသည်များသောအားဖြင့်အောက်ပါအဆင့်များပါ 0 င်သည်။
နောက်ပုံဥပမာမှာ Ajax ကိုရှေ့ဆုံးအဆုံးမှ JSON format တွင်အချက်အလက်များကို PHP နောက်ခံရှိဒေဗန်ပုံစံရှိအချက်အလက်များကိုမည်သို့အသုံးပြုရမည်ကိုပြသသည်။
let data = { name: "John", age: 30 };
let xhr = new XMLHttpRequest();
xhr.open("POST", "backend.php", true);
xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
console.log(xhr.responseText);
}
};
xhr.send(JSON.stringify(data));
Php ဘက်မှရှေ့တန်းမှပေးပို့သော JSon အချက်အလက်များကို input stream နှင့် parsing နှင့် processing ကိုဖတ်ခြင်းဖြင့်ရရှိသည်။
$data = json_decode(file_get_contents("php://input"), true);
$name = $data['name'];
$age = $data['age'];
echo "Received: Name = $name, Age = $age";
?>
Ajax နည်းပညာအကူအညီဖြင့် JavaScript နှင့် PHP သည်ထိရောက်သော data at data ထုတ်လွှင့်မှုကိုရရှိနိုင်ပါသည်။ ဤရှေ့တန်းနှင့်နောက်ပိုင်းအပြန်အလှန်ဆက်သွယ်မှုနည်းလမ်းကိုကျွမ်းကျင်စေခြင်းသည်အပြန်အလှန်အကျိုးပြုသော 0 က်ဘ်အပလီကေးရှင်းများဖွံ့ဖြိုးတိုးတက်ရေးအတွက်ခိုင်မာသောအုတ်မြစ်ချလိမ့်မည်။