jQuery AJAX get() နှင့် post() စနစ်
- အရှေ့စား jQuery တင်ဆောင်
- နောက်ပိုင်းစား jQuery noConflict()
jQuery get() နှင့် post() စနစ် သည် HTTP GET နှင့် POST အကူအညီ ကို အသုံးပြု၍ မြင်မှတ်ထားသော ပြုပြင်း အချက်အလက် ကို ကူညီပေးတတ်သည်。
HTTP အကူအညီ: GET vs. POST
အရင်းအမြစ် ပြုပြင်း အချက်အလက် ကို အသုံးပြုထားသော အသုံးပြုတတ်သော အခြား စနစ် နှင့် POST နှစ်ခု ကြိုးစားတတ်သည်
- GET - အသိအမှတ်ပြုထားသော ပြုပြင်း အချက်အလက် ကို ကူညီပေးတတ်သည်
- POST - အသိအမှတ်ပြုထားသော ပြုပြင်း အချက်အလက် ကို တင်ပြတတ်သည်
GET သည် မြင်မှတ်ထားသော ပြုပြင်း အချက်အလက် ကို မြင်မှတ်ထားရန် အသုံးပြုသည်။ အကြောင်းကြားချက်: GET စနစ် သည် အချက်အလက် ကို အသုံးပြုပြီး အသင်းအချုပ် ကို မြင်မှတ်ထားပါသည်。
POST သည် မြင်မှတ်ထားသော ပြုပြင်း အချက်အလက် ကို မြင်မှတ်ထားပါသည်။ အကြောင်းကြားချက်: POST စနစ် သည် အချက်အလက် ကို အသုံးပြုပြီး ပြင်ဆင်ထားသည်။
GET နှင့် POST နှင့် အခြား စနစ်များ အကြောင်း ပိုမိုသိနိုင်ရန် ကျမ်းကို ကြည့်မတော့ပါ: HTTP စနစ် - GET နှင့် POST အကွဲခြား。
jQuery $.get() စနစ်
$.get() စနစ် သည် HTTP GET အကူအညီဖြင့် မြင်မှတ်ထားသော ပြုပြင်း အချက်အလက် ကို သို့မဟုတ် ကိုင်တာသင်္ဂြိုလ် မှ ကူညီပေးသည်。
jQuery $.post() စနစ် သည် HTTP POST ဖြင့် ပြောင်းလဲသော ကြောင်း မှ အခြေအနေ ကို ကောက်ချက်ယူထားသည်။
$.get(URL,callback);
ဖြစ်သည် URL အခြေအနေ ကို ကြိုးချင်သော ကြောင်း ဖြစ်သည်
ဆိုခဲ့ခြင်း callback ပုဂ္ဂိုလ်ရိုက်တာ ဖြစ်သည်
အောက်ပါ အကျယ်အဝြောက် သည် $.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() 方法
jQuery $.post() စနစ် သည် HTTP POST ဖြင့် ပြောင်းလဲသော ကြောင်း မှ အခြေအနေ ကို ကောက်ချက်ယူထားသည်။
$.post(URL,data,callback);
ဖြစ်သည် URL အခြေအနေ ကို ကြိုးချင်သော ကြောင်း ဖြစ်သည်
ဆိုခဲ့ခြင်း data အခြေအနေ ကို ကြိုးချင်သော ကြောင်း နှင့် သွင်းပို့ပါ
ဆိုခဲ့ခြင်း callback ပုဂ္ဂိုလ်ရိုက်တာ ဖြစ်သည်
အဆိုပါ ပုံပေါ် သည် $.post() ကို ကြိုးချင်သော ကြောင်း နှင့် အခြေအနေ ကို အသုံးပြု၍ အခြေအနေ ကို သွင်းပို့ပါ။
ပုံပေါ်
$("button").click(function(){ $.post("demo_test_post.asp", { name:"Donald Duck", city:"Duckburg" }, function(data,status){ alert("Data: " + data + "\nStatus: " + status); }); });
$.post() အစိုးရ ၁ သည် သင့်ကြိုးချင်သော ကြောင်း ဖြစ်၍ ("demo_test_post.asp") ဖြစ်သည်။
နောက်ပိုင်းတွင် ကြိုးချင်သော ကြောင်း နှင့် city ကို အသုံးပြု၍ အခြေအနေ ကို သွင်းပို့ပါ။
"demo_test_post.asp" တွင် ဖြစ်သော ASP အုပ်ချုပ်စက် အသုံးပြု၍ အခြေအနေ အချက်အလက်များ ကို ဖတ်ရှုပြီး၊ ပြီးနောက် အကျိုးသတ္တု ကို ပြန်အပ်သည်။
သတ္တု ၃ သည် ပြန်လည်ချက် ပုဂ္ဂိုလ်ရိုက်တာ ဖြစ်၍၊ ပြန်လည်ချက် ပုဂ္ဂိုလ်ရိုက်တာ ပုဂ္ဂိုလ်ရိုက်တာ ၁ သည် သင့်ကြိုးချင်သော ကြောင်းပြီး ပုဂ္ဂိုလ်ရိုက်တာ ၂ သည် သင့်ကြိုးချင်သော အခြေအနေ ဖြစ်သည်။
အဆိုပါဒါကဲ့သို့ ဖြစ်သော သတင်းပို့သူ 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 ဂျာနယ်များ
ပြည့်စုံသော AJAX နည်းလမ်းကြမ်း ဂျာနယ် အား ကျွန်ုပ်၏ jQuery AJAX ဂျာနယ်များ。
- အရှေ့စား jQuery တင်ဆောင်
- နောက်ပိုင်းစား jQuery noConflict()