jQuery AJAX get() နှင့် post() စနစ်

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 ဂျာနယ်များ