jQuery - AJAX get() နှင့် post() နည်းလမ်းများ
jQuery get() နှင့် post() နည်းလမ်းများကို HTTP GET သို့မဟုတ် POST တောင်းဆိုမှုဖြင့် ဆာဗာမှ ဒေတာတောင်းခံရန် အသုံးပြုပါသည်။
HTTP တောင်းဆိုချက်- GET vs. ပို့စ်
ကလိုင်းယင့်နှင့် ဆာဗာကြား တောင်းဆိုချက်-တုံ့ပြန်မှုအတွက် အသုံးများသော နည်းလမ်းနှစ်ခုမှာ- GET နှင့် POST ဖြစ်သည်။
- GET - သတ်မှတ်ထားသော ရင်းမြစ်တစ်ခုမှ ဒေတာကို တောင်းဆိုသည်။
- POST - သတ်မှတ်ထားသော အရင်းအမြစ်တစ်ခုသို့ စီမံဆောင်ရွက်မည့် ဒေတာကို ပေးပို့သည်။
GET သည် ဆာဗာမှ ဒေတာအချို့ကို ရယူခြင်း (ပြန်လည်ရယူခြင်း) အတွက် အခြေခံအားဖြင့် အသုံးပြုသည်။ မှတ်ချက်- GET နည်းလမ်းသည် သိမ်းဆည်းထားသော ဒေတာကို ပြန်ပေးနိုင်သည်။
ဆာဗာမှ ဒေတာအချို့ကို ရယူရန် POST ကိုလည်း အသုံးပြုနိုင်သည်။ သို့သော်၊ POST နည်းလမ်းသည် ဒေတာကို ဘယ်တော့မှ ကက်ရှ်မပေးဘဲ တောင်းဆိုချက်နှင့်အတူ ဒေတာပေးပို့ရန် မကြာခဏ အသုံးပြုလေ့ရှိသည်။
GET နှင့် POST အကြောင်းပိုမိုလေ့လာရန်နှင့် နည်းလမ်းနှစ်ခုကြား ခြားနားချက်များကို လေ့လာရန်၊ ကျွန်ုပ်တို့၏ HTTP Methods GET vs POST အခန်းကို ဖတ်ရှုပါ။
jQuery $.get() နည်းလမ်း
နည်းလမ်း သည် $.get()HTTP GET တောင်းဆိုမှုဖြင့် ဆာဗာမှ ဒေတာကို တောင်းဆိုသည်။
အထားအသို-
$.get(URL,callback);
လိုအပ်သော URL ကန့်သတ်ချက်သည် သင်တောင်းဆိုလိုသော URL ကို သတ်မှတ်ပေးပါသည်။
ရွေးချယ်နိုင်သော ဖုန်းခေါ်ဆိုမှု ကန့်သတ်ဘောင်သည် တောင်းဆိုမှုအောင်မြင်ပါက လုပ်ဆောင်ရမည့် လုပ်ဆောင်ချက်တစ်ခု၏ အမည်ဖြစ်သည်။
အောက်ပါဥပမာသည် $.get()ဆာဗာရှိ ဖိုင်တစ်ခုမှ ဒေတာကို ရယူရန် နည်းလမ်းကို အသုံးပြုသည်-
ဥပမာ
$("button").click(function(){
$.get("demo_test.asp", function(data, status){
alert("Data: " + data + "\nStatus: " + status);
});
});
၏ပထမ $.get()ဘောင်သည် ကျွန်ုပ်တို့တောင်းဆိုလိုသော URL ("demo_test.asp") ဖြစ်သည်။
ဒုတိယဘောင်သည် ပြန်ခေါ်သည့်လုပ်ဆောင်ချက်ဖြစ်သည်။ ပထမပြန်ခေါ်ဆိုမှု ကန့်သတ်ဘောင်သည် တောင်းဆိုထားသော စာမျက်နှာ၏ အကြောင်းအရာကို ထိန်းထားကာ ဒုတိယခေါ်ဆိုမှု ကန့်သတ်ချက်သည် တောင်းဆိုချက်၏ အခြေအနေကို ထိန်းထားသည်။
အကြံပြုချက်- ဤသည်မှာ ASP ဖိုင်၏ ပုံပန်းသဏ္ဌာန် ("demo_test.asp"):
<%
response.write("This is some text from an external ASP file.")
%>
jQuery $.post() နည်းလမ်း
နည်းလမ်း သည် $.post()HTTP POST တောင်းဆိုမှုကို အသုံးပြု၍ ဆာဗာမှ ဒေတာကို တောင်းဆိုသည်။
အထားအသို-
$.post(URL,data,callback);
လိုအပ်သော URL ကန့်သတ်ချက်သည် သင်တောင်းဆိုလိုသော URL ကို သတ်မှတ်ပေးပါသည်။
ရွေးချယ်နိုင်သောဒေတာ ကန့်သတ်ချက်သည် တောင်းဆိုချက်နှင့်အတူ ပေးပို့ရန် ဒေတာအချို့ကို သတ်မှတ်သည်။
ရွေးချယ်နိုင်သော ဖုန်းခေါ်ဆိုမှု ကန့်သတ်ဘောင်သည် တောင်းဆိုမှုအောင်မြင်ပါက လုပ်ဆောင်ရမည့် လုပ်ဆောင်ချက်တစ်ခု၏ အမည်ဖြစ်သည်။
အောက်ပါဥပမာသည် $.post()တောင်းဆိုချက်နှင့်အတူ အချက်အလက်အချို့ပေးပို့ရန် နည်းလမ်းကို အသုံးပြုသည်-
ဥပမာ
$("button").click(function(){
$.post("demo_test_post.asp",
{
name: "Donald Duck",
city: "Duckburg"
},
function(data, status){
alert("Data: " + data + "\nStatus: " + status);
});
});
၏ပထမ $.post()ဘောင်သည် ကျွန်ုပ်တို့တောင်းဆိုလိုသော URL ("demo_test_post.asp") ဖြစ်သည်။
ထို့နောက် တောင်းဆိုချက် (အမည်နှင့် မြို့) နှင့်အတူ ပေးပို့ရန် ဒေတာအချို့ကို ပေးပို့ပါသည်။
"demo_test_post.asp" ရှိ ASP script သည် ဘောင်များကို ဖတ်သည်၊ ၎င်းတို့ကို လုပ်ဆောင်ပြီး ရလဒ်ကို ပြန်ပေးသည်။
တတိယဘောင်သည် ပြန်ခေါ်သည့်လုပ်ဆောင်ချက်ဖြစ်သည်။ ပထမပြန်ခေါ်ဆိုမှု ကန့်သတ်ဘောင်သည် တောင်းဆိုထားသော စာမျက်နှာ၏ အကြောင်းအရာကို ထိန်းထားကာ ဒုတိယခေါ်ဆိုမှု ကန့်သတ်ချက်သည် တောင်းဆိုချက်၏ အခြေအနေကို ထိန်းထားသည်။
အကြံပြုချက်- ဤသည်မှာ ASP ဖိုင်၏ ပုံပန်းသဏ္ဌာန်ဖြစ်သည် ("demo_test_post.asp"):
<%
dim fname,city
fname=Request.Form("name")
city=Request.Form("city")
Response.Write("Dear " & fname & ". ")
Response.Write("Hope you live well in " & city & ".")
%>
jQuery AJAX အကိုးအကား
jQuery AJAX နည်းလမ်းများအားလုံး၏ ပြီးပြည့်စုံသောခြုံငုံသုံးသပ်ချက်အတွက်၊ ကျွန်ုပ်တို့၏ jQuery AJAX အကိုးအကားသို့ သွားပါ ။