jQuery AJAX get() และ post()

ກົນລະບົບ jQuery get() และ post() ໃຊ້ເພື່ອຮຽກຮ້ອງຂໍ້ມູນຈາກທະນາຄານດ້ວຍ HTTP GET หรວັດ HTTP POST.

HTTP ການຮຽກຮ້ອງ: GET vs. POST

ສອງກົນລະບົບທຳມະດາໃນການຮຽກຮ້ອງ-ການຕອບສະໜອງທີ່ປົກກະຕິໃນຄອມພິວເຕີຊີ້ ແລະ ທະນາຄານແມ່ນ GET และ POST.

  • GET - ຮຽກຮ້ອງຂໍ້ມູນຈາກຫົວໜ້າທີ່ກຳນົດຄວາມ.
  • POST - ຍື່ນຂໍ້ມູນທີ່ຕ້ອງການຈັດການຢູ່ຫົວໜ້າທີ່ກຳນົດຄວາມ.

GET ສະແດງຄວາມຕ້ອງການນຳມາຍາຍຂໍ້ມູນຈາກທະນາຄານ. ຄວາມເຫັນ: GET ສາມາດກັບຂໍ້ມູນບັນຈຸໄດ້.

POST ກໍ່ສາມາດນຳມາຍາຍຂໍ້ມູນຈາກທະນາຄານ. ວ່າງ: POST ບໍ່ສາມາດບັນຈຸຂໍ້ມູນໄດ້, ແລະປົກກະຕິນຳມາສົ່ງຂໍ້ມູນພ້ອມກັບການຮຽກຮ້ອງ.

ສຳລັບການຮຽບຮ້ອງຫຼາຍກວ່າ ກ່ຽວກັບ GET และ POST และຄວາມແຕກຕ່າງລະຫວ່າງສອງກົນລະບົບ, ຂໍ້ສັງເກດນີ້ຂອງພວກເຮົາ: ການປຽບທຽບ HTTP GET vs. POST.

ກົນລະບົບ jQuery $.get()

ກົນລະບົບ $.get() ແມ່ນທີ່ຮຽກຮ້ອງຂໍ້ມູນຈາກທະນາຄານດ້ວຍການຮຽກຮ້ອງ HTTP GET.

ກົນລະບົບ $.post() ຮຽກຮ້ອງຂໍ້ມູນຈາກສະຫນາມທີ່ຜ່ານ HTTP POST.

$.get(URL,callback);

ຄວາມຕ້ອງການ URL ປະເພດຄຳປັບສັບ ແມ່ນ 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("ນີ້ແມ່ນຄຳທີ່ນຳມາຈາກແຜນບັນນາທິການ ASP ຕໍ່າ.")
%>

jQuery $.post() 方法

jQuery $.post() ກົນລະບົບ

ກົນລະບົບ $.post() ຮຽກຮ້ອງຂໍ້ມູນຈາກສະຫນາມທີ່ຜ່ານ HTTP POST.

$.post(URL,data,callback);

ຄວາມຕ້ອງການ URL ປະເພດຄຳປັບສັບ ແມ່ນ 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() ຄັກຄົນທີໜຶ່ງ ແມ່ນ URL ທີ່ພວກເຮົາຕ້ອງຮຽກຮ້ອງ ("demo_test_post.asp").

ຫຼັງຈາກນັ້ນ, ພວກເຮົາຈະສົ່ງຂໍ້ມູນພ້ອມກັບການຮຽກຮ້ອງ (name ແລະ city).

ASP ບົດສະຫຼັກ "demo_test_post.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 ປື້ມກໍານົດ.