မြန်မာဘာသာ
မြန်မာဘာသာ
0 က်ဘ်တီထွင်မှုတွင် Cross-domain တောင်းဆိုမှုများနှင့် Ajax နည်းပညာသည်အလွန်အရေးကြီးသောဗဟုသုတများဖြစ်သည်။ ဤနည်းပညာနှစ်ခုမှတစ်ဆင့်ဝက်ဘ်ဆိုက်သည်ပိုမိုချမ်းသာသောအပြန်အလှန်အကျိုးသက်ရောက်မှုရှိသောအတွေ့အကြုံကိုရရှိနိုင်ပါသည်။ ဤဆောင်းပါးသည် PHP မှတစ်ဆင့် Cross-domain တောင်းဆိုမှုများကိုမည်သို့အကောင်အထည်ဖော်ရန်နှင့် Developer များ 0 က်ဘ်ဆိုက်၏အတွေ့အကြုံများကိုတိုးတက်စေရန် 0 က်ဘ်စာမျက်နှာများ၏အပြန်အလှန်အကျိုးသက်ရောက်မှုကိုမြှင့်တင်ရန်ဤဆောင်းပါးသည်နက်နက်ရှိုင်းရှိုင်းလေ့လာမှုကိုလေ့လာလိမ့်မည်။
Cross-Domain တောင်းဆိုမှုများသည်လက်ရှိစာမျက်နှာ၏ URL ကဲ့သို့သော domain name သို့မဟုတ် port နံပါတ်နှင့်မသက်ဆိုင်သော browser မှထုတ်ပေးသောတောင်းဆိုမှု URL ကိုရည်ညွှန်းသည်။ အသုံးများသောဒိုမိန်းတောင်းဆိုချက်ဖြစ်စဉ်များတွင်အခြားဝက်ဘ်ဆိုက်များမှအခြားဝက်ဘ်ဆိုက်များမှ embedding embedding embed လုပ်ခြင်း,
Cross-domain တောင်းဆိုမှုများကိုအကောင်အထည်ဖော်ရန်သင့်တော်သော header အချက်အလက်များကို PHP ၏ `` header function မှတဆင့်သတ်မှတ်နိုင်သည်။ ဆာဗာဘက်ခြမ်းသည် `access-control-origin-online` ကို setting အားဖြင့် Cross-domain တောင်းဆိုမှုများကိုစတင်ရန်တိကျသောပြင်ပဒိုမိန်းအမည်များကိုခွင့်ပြုသည်။ ဤတွင်ရိုးရှင်းသောဥပမာကုဒ်တစ်ခုဖြစ်သည်။
header('Access-Control-Allow-Origin: http://www.example.com'); // ခွင့်ပြုwww.example.comCross-Domain တောင်းဆိုမှုများ
header('Access-Control-Allow-Methods: POST, GET, OPTIONS'); // ခွင့်ပြုPOST、GETနှင့်OPTIONSမေးမြန်း
header('Access-Control-Allow-Headers: X-Requested-With'); // ခွင့်ပြုX-Requested-Withမေးမြန်း头
အထက်ဖော်ပြပါကုဒ်များတွင်ဝင်ရောက်ခွင့် - ခွင့်ပြု - မူလအစသည် cross-domain တောင်းဆိုမှုများကိုခွင့်ပြုသည့်အရင်းအမြစ်ဒိုမိန်းအမည်ကိုသတ်မှတ်သည်။ `Access-control-provalid-methods` သည်ခွင့်ပြုထားသောတောင်းဆိုမှုနည်းလမ်းကိုသတ်မှတ်သည်။ ဤချိန်ညှိချက်များမှတစ်ဆင့်ဆာဗာသည်ပြင်ပဒိုမိန်းတောင်းဆိုမှုများကိုစတင်ရန်ပြင်ပဒိုမိန်းအမည်များကိုခွင့်ပြုနိုင်သည်။
Ajax (asynchronous JavaScript နှင့် XML) သည်စာမျက်နှာများကိုပြန်လည်ထူထောင်ခြင်းမပြုဘဲတစ်စိတ်တစ်ပိုင်းအသစ်ပြောင်းခြင်းကိုခွင့်ပြုသည့် escapronous web application များကိုဖန်တီးရန်အသုံးပြုသောနည်းပညာဖြစ်သည်။ Ajax ဖြင့်အသုံးပြုသူများသည်စာမျက်နှာတစ်ခုလုံးကိုလန်းဆန်းစေပြီးဝက်ဘ်စာမျက်နှာများနှင့်အပြန်အလှန်ဆက်သွယ်နိုင်သည်။
Ajax ၏အသုံးအများဆုံးအကောင်အထည်ဖော်မှုသည် xmlhtttprequest`. အရာဝတ်ထုကို ဖြတ်. ဖောက်သည်များအား 0 န်ဆောင်မှုခံယူသူများကိုဆာဗာများနှင့်ဆက်သွယ်ပြောဆိုရန်ခွင့်ပြုသည်။ `xmlhttprequest` ကို သုံး. တောင်းဆိုမှုတစ်ခုပို့ရန်နမူနာကုဒ်ဖြစ်သည်။
var xmlhttp = new XMLHttpRequest(); // ဖန်တီးXMLHttpRequestကန့်ကွက်
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("myDiv").innerHTML = xmlhttp.responseText; // စာမျက်နှာအကြောင်းအရာကို Update လုပ်ပါ
}
};
xmlhttp.open("GET", "ajax.php", true); // 设置မေးမြန်း类型及URL
xmlhttp.send(); // 发送မေးမြန်း
ဤဥပမာတွင်ကျွန်ုပ်တို့သည် xmlhtttprequest အရာဝတ်ထုတစ်ခုကိုဖန်တီးပြီး, တောင်းဆိုမှုပြီးဆုံးသွားသောအခါစာမျက်နှာအကြောင်းအရာကို JavaScript မှတဆင့်သာအဆင့်မြှင့်တင်ပြီးအခြေအနေမှာ 200 ဖြစ်သည်။
Native JavaScript ကို အသုံးပြု. Ajax လုပ်ဆောင်နိုင်စွမ်းကိုအကောင်အထည်ဖော်နိုင်သော်လည်း developer များစွာသည် third-party libraries များကိုအသုံးပြုလိုကြသည်။ Jquery သည်ပြတ်တောင်းပြတ်တောင်းတောင်းဆိုမှုများကိုကိုင်တွယ်ရန်သန့်ရှင်းသော syntax ကိုထောက်ပံ့ပေးသည်။ jQuery မှတစ်ဆင့် Ajax တောင်းဆိုမှုများကိုအကောင်အထည်ဖော်ရန်အတွက်နမူနာကုဒ်ဖြစ်သည်။
$.ajax({
type: "GET",
url: "ajax.php",
data: {name: "John", location: "Boston"},
success: function(data) {
$("#myDiv").html(data); // စာမျက်နှာအကြောင်းအရာကို Update လုပ်ပါ
}
});
ဤဥပမာတွင် JQuery's `ဒေါ်လာ။ ဂျီဂျစ် ()` နည်းလမ်းနှင့်စာမျက်နှာအကြောင်းအရာကိုအောင်မြင်သော callback function တွင်အသုံးပြုသည်။
လက်ဝါးကပ်တိုင်တောင်းဆိုမှုများနှင့် Ajax နည်းပညာသည်ခေတ်သစ်ဝက်ဘ်ဖွံ့ဖြိုးတိုးတက်မှုတွင်အရေးပါသောအခန်းကဏ် play မှပါ 0 င်သည်။ ဤနည်းပညာများကိုဆင်ခြင်တုံတရားဖြင့်အသုံးပြုရန်အတွက် developer များသည် 0 ဘ်ဆိုဒ်၏အပြန်အလှန်ဆက်သွယ်မှုကိုတိုးတက်စေရုံသာမကအသုံးပြုသူအတွေ့အကြုံကိုလည်းများစွာတိုးတက်စေနိုင်သည်။ ဤနည်းပညာများရေးဆွဲခြင်းသည်အမှန်တကယ်စီမံကိန်းများတွင် developer များပိုမိုထိရောက်သောပြောင်းလွယ်ပြင်လွယ်ရှိသောအပလီကေးရှင်းများပြုလုပ်ရန်ကူညီလိမ့်မည်။
