dynamic web interaction အောင်မြင်ရန် PHP ကို JavaScript မှတစ်ဆင့် Execute လုပ်ရန် PHP ကိုမည်သို့ခေါ်ရမည်နည်း

ခေတ်သစ် web ဖွံ့ဖြိုးတိုးတက်မှုအတွက်အခန်းကဏ်။

JavaScript နှင့် PHP သည်တက်ကြွသောဝက်ဘ်စာမျက်နှာများကိုတည်ဆောက်ရန်အဓိကနည်းပညာနှစ်ခုဖြစ်သည်။ 0 န်ဆောင်မှုခံယူသူ scripting language တစ်ခုအနေဖြင့် PHP သည်ဆာဗာဘေးထွက် Scripting ဘာသာစကားဖြင့်နောက်ခံယုတ္တိဗေဒဘာသာစကားနှင့်အများအားဖြင့်နောက်ခံယုတ္တိဗေဒနှင့်အပြန်အလှန်ဆက်သွယ်မှုကိုအလွန်တိုးတက်စေနိုင်သည်။ နှစ်ခုပေါင်းစပ်ခြင်းသည်ဝဘ်စာမျက်နှာကိုပိုမိုထိရောက်စွာတုန့်ပြန်ရန်နှင့်သုံးစွဲသူများအတွက် dynamurce ကိုတုံ့ပြန်ရန်ခွင့်ပြုသည်။

JavaScript တွင် PHP ကိုခေါ်ရန်ဘုံနည်းလမ်းများ

Web Development တွင် PHP Code ကိုဖုန်းဆက်ရန်နည်းလမ်းနှစ်မျိုးရှိသည်။ AJAX တောင်းဆိုမှုနှင့်ပုံစံတင်သွင်းမှု။ ဤဆောင်းပါးသည် Ajax တောင်းဆိုမှုများကိုမည်သို့အသုံးပြုရမည်ကိုအာရုံစိုက်မည်ဖြစ်သောကြောင့်၎င်းသည်ဆာဗာသို့ဒေတာများကိုပေးပို့နိုင်ပြီးစာမျက်နှာကိုလန်းဆန်းစေဘဲတုန့်ပြန်မှုပြုလုပ်နိုင်သည်။

Ajax ကိုသုံးပြီး PHP ကိုခေါ်ခြင်း

Ajax သည် javascript ကိုဆာဗာနှင့်တွေ့ဆုံခြင်းကိုပြောဆိုရန် JavaScript ကိုဆက်သွယ်ရန်ခွင့်ပြုထားပြီးအသုံးပြုသူများသည် PHP processing ရလဒ်များကိုစာမျက်နှာကိုလန်းဆန်းစေနိုင်သည်။ ဤတွင် Ajax ကို အသုံးပြု. PHP ခေါ်ဆိုခြင်းအတွက်နမူနာကုဒ်ဖြစ်သည်။

အဆင့် 1: PHP ဖိုင်တစ်ခုကိုဖန်တီးပါ

ပထမ ဦး စွာ JavaScript မှအချက်အလက်များကိုလုပ်ဆောင်ရန် PHP ဖိုင်တစ်ခုကိုဖန်တီးပါ။ ဤတွင်အခြေခံ PHP ကုဒ်ကိုဥပမာတစ်ခု -

 if(isset($_POST['data'])){    echo "သင်ပို့သောအချက်အလက်များမှာ：" . htmlspecialchars($_POST['data']);}

အဆင့် 2: JavaScript ကုဒ်ကိုရေးပါ

ထို့နောက်ဆာဗာသို့ဒေတာများကိုပို့ရန်နှင့်တုန့်ပြန်မှုကိုရယူရန် Ajax တောင်းဆိုမှုကုဒ်ကို JavaScript တွင်ရေးပါ။

 function sendData(){    var xhr = new XMLHttpRequest();    var data = document.getElementById('inputData').value;    xhr.open('POST', 'execute.php', true);    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');    xhr.onreadystatechange = function(){        if(xhr.readyState == 4 && xhr.status == 200){            document.getElementById('result').innerHTML = xhr.responseText;        }    };    xhr.send('data=' + encodeURIComponent(data));}

အဆင့် 3: HTML ဖွဲ့စည်းပုံကိုဖန်တီးပါ

နောက်ဆုံးအနေဖြင့်ကျွန်ုပ်တို့သည် HTML တွင် input box နှင့် button ကိုသတ်မှတ်ရန်လိုအပ်သည်။ ထို့ကြောင့်အသုံးပြုသူသည်ဒေတာများကိုထည့်ပြီး JavaScript function ကိုဖြစ်ပေါ်စေနိုင်သည်။

 ဒေတာပို့ပါ

အကျဉ်းချုပ်

ဤဆောင်းပါးတွင်ဖော်ပြထားသည့်အဆင့်များမှတစ်ဆင့် PHP ကုဒ်ကို Refresh-free dynamic interaction အောင်မြင်ရန် JavaScript ကို အသုံးပြု. သင်အလွယ်တကူခေါ်ဆိုနိုင်သည်။ ဤနည်းပညာသည် 0 က်ဘ်စာမျက်နှာများ၏တုန့်ပြန်မှုမြန်နှုန်းကိုတိုးတက်စေရုံသာမကအသုံးပြုသူအတွေ့အကြုံကိုလည်းပိုမိုကောင်းမွန်စေသည်။ ခေတ်သစ်ရှေ့တန်းဖွံ့ဖြိုးတိုးတက်မှုတွင် Ajax နှင့် PHP ပေါင်းစပ်ခြင်း၏ကျွမ်းကျင်မှုများကိုကျွမ်းကျင်စေခြင်းကသင့်အားဖွံ့ဖြိုးတိုးတက်မှုအတွက်ပိုမိုလွယ်ကူစေလိမ့်မည်။

JavaScript မှတဆင့် code ကို execute လုပ်ရန် PHP ကိုမည်သို့ခေါ်ဆိုရမည်ကိုနားလည်ရန်ဤဆောင်းပါးသည်သင်အကူအညီပေးရန်အထောက်အကူပြုလိမ့်မည်ဟုကျွန်ုပ်မျှော်လင့်ပါသည်။