JavaScript ကို အသုံးပြု. PHP server သို့ Form Data သို့တင်ပြရန်လမ်းညွှန်ဖြည့်ပါ

ယေဘုယျအမြင်

မျက်မှောက်ခေတ် Web Development တွင် JavaScript ကို အသုံးပြု. Form Data ကို PHP server သို့တင်ခြင်းသည်ဘုံနှင့်ထိရောက်သောအလေ့အကျင့်တစ်ခုဖြစ်သည်။ ဤနည်းအားဖြင့် developer များကစာမျက်နှာကို refresh ကို refresh ကိုရှောင်ရှားနိုင်ပြီးအသုံးပြုသူအတွေ့အကြုံကိုတိုးတက်စေနိုင်သည်။ ဤဆောင်းပါးသည် JavaScript ၏ Fetch API ကို အသုံးပြု. ပုံစံဒေတာများကိုမည်သို့အကောင်အထည်ဖော်မှုကိုမည်သို့အကောင်အထည်ဖော်ရမည်ကိုအသေးစိတ်ဖော်ပြပြီး PHP server side တွင်ဤအချက်အလက်များကိုမည်သို့လုပ်ဆောင်ရမည်ကိုအသေးစိတ်ဖော်ပြထားသည်။

JavaScript ပုံစံ၏အခြေခံအယူအဆများ

ပုံစံတင်ပြချက်များသည်များသောအားဖြင့်အသုံးပြုသူမှထည့်သွင်းထားသောအချက်အလက်များပါ 0 င်သည်။ ရိုးရာပုံစံတင်ပြချက်များတွင်စာမျက်နှာကိုလန်းဆန်းစေပြီးသုံးစွဲသူအတွေ့အကြုံနည်းပါးလာသည်။ JavaScript ၏ Fetch Ajax နှင့် Ajax နှင့်အတူကျွန်ုပ်တို့သည်စာမျက်နှာကိုပြန်ဖွင့်စရာမလိုဘဲဆာဗာသို့ဒေတာများကို Asynchronously ကိုပေးပို့နိုင်သည်။

fetch API ကိုအသုံးပြု။ ပုံစံတင်သွင်းပါ

အဆိုပါ fetch API သည်ခေတ်သစ် JavaScript တွင် HTTP တောင်းဆိုမှုများကိုပေးပို့ရန်လွယ်ကူသောနည်းလမ်းတစ်ခုဖြစ်သည်။ အောက်ပါဥပမာသည် API မှတစ်ဆင့် PHP server သို့ Form Data သို့မည်သို့ပေးပို့ရမည်ကိုပြသသည်။

 <span class="fun">Conn form = document.QuerySeettor (&#39;# myforform&#39;); formd.Preventdata (&#39;postdata), formddata (&#39; Prompt.Pret) ။ console.log (&#39;အောင်မြင်မှု -&#39;, အချက်အလက်), ဒေတာ);} .Catch ((အမှား) => {console.Error (&#39;&#39; console.Error); errush (&#39;&#39;, အမှား); err ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;</span>

အထက်ပါကုဒ်ခွဲပါ

ဒီဥပမာမှာ HTML မှာ form element ကိုအရင်ရွေးပါ။ `Event.PreventDefault ()` `ဟုခေါ်ဆိုခြင်းဖြင့်ပုံစံ၏ပုံမှန်တင်ပြချက်အပြုအမူကိုပိတ်ဆို့ပါ။ နောက်တစ်ခုကအချက်အလက်အားလုံးကိုပုံစံဖြင့်အလိုအလျောက်စုဆောင်းမည့် `formdata`` အရာဝတ်ထုအသစ်တစ်ခုဖန်တီးသည်။ နောက်ဆုံးအနေဖြင့် POST တွင်အချက်အလက်များကိုဆာဗာ၏ `subter.php` ဖိုင်သို့အချက်အလက်များကိုပို့ရန် Fetch API ကိုအသုံးပြုပါ။

PHP ဆာဗာဘက်မှာအပြောင်းအလဲနဲ့တောင်းဆိုမှုများ

ထို့နောက်ကျွန်ုပ်တို့သည် PHP ဘက်မှတင်သွင်းထားသောပုံစံဒေတာများကိုလက်ခံရရှိလိမ့်မည်။ `subter.php 'ဖိုင်တွင် form data ရယူရန်အောက်ပါကုဒ်ကိုသုံးနိုင်သည်။

 <span class="fun">အကယ်. ($ _server [&#39;ayserver&#39;] == &#39;post&#39;] == &#39;post&#39;) {$ name = $ _post [&#39;name _post [&#39; အမည် &#39;) $ အီးမေးလ် = $ _post [&#39;email&#39;]; // အကယ်. ဒေတာစစ်ဆေးမှုများနှင့်အပြောင်းအလဲနဲ့လုပ်ပါ။ } အခြား echo "မမှန်ကန်သောထည့်သွင်းအချက်အလက်အချက်အလက်များ။ "; }</span>

ဒေတာလုံခြုံရေးသေချာပါစေ

SQL Injection (သို့) Cross-site တောင်းဆိုခြင်းအတွက်ခွင့်လွှတ်ခြင်း (CSRF) ကဲ့သို့သောလုံလောက်သောလုံခြုံရေးပြ issues နာများ (CSRF) ကဲ့သို့သောအလားအလာရှိသောလုံခြုံရေးပြ issues နာများကိုကာကွယ်ရန်ပုံစံဒေတာများကိုလုပ်ဆောင်ခြင်းနှင့်သန့်ရှင်းရေးပြုလုပ်ခြင်းကိုပြုလုပ်ရမည်။ ဥပမာ PHP ၏ `filter_var` function ကိုအသုံးပြုခြင်းသည်စာတိုက်ပုံးပုံစံကိုစစ်ဆေးနိုင်ပြီးဒေတာ၏မှန်ကန်မှုနှင့်လုံခြုံမှုကိုသေချာစေနိုင်သည်။

အကျဉ်းချုပ်

JavaScript နှင့် PHP ကိုပေါင်းစပ်ခြင်းအားဖြင့် developer များသည်ပုံစံတင်သွင်းမှုများကိုထိရောက်စွာလုပ်ဆောင်နိုင်ပြီးစာမျက်နှာလန်းဆန်းမှုများကိုရှောင်ရှားနိုင်ပြီးအသုံးပြုသူအတွေ့အကြုံများကိုတိုးတက်အောင်လုပ်ခြင်းကိုရှောင်ရှားနိုင်သည်။ အကောင်အထည်ဖော်မှုလုပ်ငန်းစဉ်အတွင်းလျှောက်လွှာ၏တည်ငြိမ်မှုနှင့်လုံခြုံရေးကိုသေချာစေရန်ဒေတာစစ်ဆေးခြင်းနှင့်လုံခြုံရေးကိုဂရုပြုရန်အရေးကြီးသည်။