PHP7.0 တွင် Ajax အပြန်အလှန်ထိရောက်စွာအကောင်အထည်ဖော်နိုင်မည်နည်းအသေးစိတ်သင်ခန်းစာများနှင့်ဥပမာများ

AJAX မှနိဒါန်း

Ajax (asynchronous JavaScript နှင့် XML) သည်အပြန်အလှန်အကျိုးသက်ရောက်သော 0 က်ဘ်အပလီကေးရှင်းများကိုဖန်တီးရန်အသုံးပြုသောနည်းပညာဖြစ်သည်။ Ajax ဖြင့် developer များနှင့်အတူ server များနှင့်အတူ server နှင့်အတူဖြည့်ဆည်းခြင်းမရှိဘဲအပြန်အလှန်ဆက်သွယ်နိုင်သည်။

PHP7.0 တွင်ကျွန်ုပ်တို့သည် Ajax ကိုရှေ့နှင့်နောက်ဖက်များအကြားအချက်အလက်အပြန်အလှန်ဆက်သွယ်မှုကိုနားလည်သဘောပေါက်ရန်,

Ajax ၏အခြေခံအသုံးပြုမှု

XMLHTTPREQUEST အရာဝတ်ထုကိုဖန်တီးပါ

Ajax ကိုမသုံးမီဒေတာအတွက်ဆာဗာနှင့်အပြန်အလှန်ဆက်သွယ်ရန်အသုံးပြုသော XMLHTTPTEQUESEST အရာဝတ်ထုတစ်ခုကိုသင်ဖန်တီးရန်လိုအပ်သည်။

 var xhr = new XMLHttpRequest();

XMLHTTTPREQUESEEST သည် Ajax ဖွံ့ဖြိုးတိုးတက်မှု၏အဓိကအချက်ဖြစ်သည်။ HTTP တောင်းဆိုမှုများကိုဖန်တီးရန်နှင့်ဆာဗာနှင့်ဒေတာများကိုဖလှယ်ရန်တာ 0 န်ရှိသည်။

Ajax တောင်းဆိုမှုကိုပေးပို့ပါ

Ajax တောင်းဆိုမှုကိုပို့ခြင်းအားများသောအားဖြင့်အဆင့်နှစ်ဆင့်ပါ 0 င်သည်။

တောင်းဆိုမှု parameters တွေကိုသတ်မှတ်ပါ:

 var url = "example.php";
var params = "name=John&age=25";
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

တောင်းဆိုမှုကိုပေးပို့ပါ။

 xhr.send(params);

အထက်ပါကုဒ်တွင်တောင်းဆိုမှုကို post method မှတဆင့်ပေးပို့ပြီးတောင်းဆိုမှု parameters တွေကို server သို့ key-value အတွဲများဖြင့်ပို့ပေးသည်။ တောင်းဆိုမှုတစ်ခုမပို့မီ Setrequestheader () နည်းလမ်းကိုအသုံးပြုပါ။

Process Server တုံ့ပြန်မှု

ဆာဗာသည်တောင်းဆိုချက်ကိုဖြည့်ဆည်းသောအခါ၎င်းကိုကျွန်ုပ်တို့လုပ်ဆောင်ရန်လိုအပ်သည်။ XHR အရာဝတ်ထု၏ onreadeadeTeadechange ပိုင်ဆိုင်မှုကိုချိန်ညှိခြင်းဖြင့်တုန့်ပြန်မှုအခြေအနေကိုနားထောင်ပါ။

 xhr.onreadystatechange = function() {
  if (xhr.readyState === XMLHttpRequest.DONE) {
    if (xhr.status === 200) {
      var response = xhr.responseText;
      // ဆာဗာမှပြန်လာသောဒေတာဖြစ်စဉ်ကို
    }
  }
};

ဆာဗာတုန့်ပြန်မှုပြန်လည်ရောက်ရှိပြီးနောက်ဒေတာများကို XHR အရာဝတ်ထု၏ respons ည့်သည်များ၏ပိုင်ဆိုင်မှုကို အသုံးပြု. ရယူပြီးလုပ်ဆောင်သည်။

PHP7.0 တွင် Ajax ကို အသုံးပြု. ဖွံ့ဖြိုးတိုးတက်မှု

နောက်ခံကိုင်တွယ်သူများကိုဖန်တီးပါ

PHP7.0 တွင် PHP scripts များကို Ajax တောင်းဆိုမှုများကိုကိုင်တွယ်ရန်နောက်ခံ handler အဖြစ်အသုံးပြုသည်။ တောင်းဆိုချက်ကိုလက်ခံရရှိရန် PHP ဖိုင်တစ်ခုကိုပထမဆုံးဖန်တီးပါ။

 <?php
  $name = $_POST['name'];
  $age = $_POST['age'];
  // ဒေတာအပြောင်းအလဲနဲ့လုပ်ဆောင်ပါ
  $response = "Hello, " . $name . "! You are " . $age . " years old.";
  echo $response;
?>

ဤကုဒ်တွင်ကျွန်ုပ်တို့သည်ရှေ့အဆင့်မှဖြတ်သန်းသွားသော parameters များကို $ _post ကမ္ဘာလုံးဆိုင်ရာ variable ကိုလုပ်ဆောင်ခြင်း,

Ajax တောင်းဆိုမှုကိုရှေ့စားပွဲခုံတွင်အကောင်အထည်ဖော်သည်

ရှေ့မျက်နှာပြင်တွင်စာမျက်နှာတွင် Javascript မှတဆင့် Ajax တောင်းဆိုမှုကိုပေးပို့ပါ။

 function sendRequest() {
  var xhr = new XMLHttpRequest();
  var url = "example.php";
  var name = document.getElementById("name").value;
  var age = document.getElementById("age").value;
  var params = "name=" + name + "&age=" + age;
  xhr.onreadystatechange = function() {
    if (xhr.readyState === XMLHttpRequest.DONE) {
      if (xhr.status === 200) {
        var response = xhr.responseText;
        document.getElementById("result").innerHTML = response;
      }
    }
  };
  xhr.open("POST", url, true);
  xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  xhr.send(params);
}

ဤကုဒ်တွင်ကျွန်ုပ်တို့သည် Send Rentsest () function ကိုသတ်မှတ်ပြီးအသုံးပြုသူမှအချက်အလက်ထည့်သွင်းမှုကိုရယူပါ။ ထို့နောက်တုန့်ပြန်မှုအချက်အလက်များကို innerhtml မှတဆင့်စာမျက်နှာပေါ်တွင်ပြသထားသည်။

အကျဉ်းချုပ်

AJAX နှင့် PHP7.0 ကိုပေါင်းစပ်ခြင်းဖြင့် developer များသည်ဆာဗာနှင့်ထိရောက်သောအချက်အလက်အပြန်အလှန်ဆက်သွယ်မှုကိုရရှိနိုင်ပါသည်။ အမှန်တကယ်ဖွံ့ဖြိုးတိုးတက်မှုတွင် Ajax နည်းပညာကိုဆင်ခြင်တုံတရားအသုံးပြုမှုသည်အသုံးပြုသူအတွေ့အကြုံကိုမြှင့်တင်ပေးနိုင်ပြီးဝက်ဘ်စာမျက်နှာတုန့်ပြန်နှုန်းကိုအကောင်းဆုံးဖြစ်စေနိုင်သည်။