jQuery ajax - get() ກົນລະຍຸດ

ການອະທິບາຍ jQuery Ajax

ຄວາມຄົນ

ການດຳເນີນ GET AJAX ເພື່ອປ່ຽນຄວາມຂອງປະກອບ div :

$("button").click(function(){
  $.get("demo_ajax_load.txt", function(result){
    $("div").html(result);
  });
});

ຕັ້ງຕາມຕົນເອງທີ່ຈະທົດສອບ

ການອະທິບາຍ ແລະ ການນໍາໃຊ້

get() ກົນລະຍຸດດຳເນີນການ GET HTTP ທີ່ອອກລະບຸຂໍ້ມູນ .

ນີ້ແມ່ນການຂໍຂໍ້ມູນ GET ທີ່ງາຍດາຍຫນາງຈາກ $.ajax . ຖ້າມີຄວາມສຳເລັດຈະເອິ້ນຫຼັກວິທິການກັບຫຼັກວິທິການ . ຖ້າຕ້ອງການດຳເນີນຫຼັກວິທິການໃນກໍລະນີຂັດຄ່າວ່າໃຊ້ $.ajax .

ພາສາ

$(selector).get()url,data,success(response,status,xhr,dataType)
Parameter Description
url Required. ກໍານົດ URL ທີ່ຈະສົ່ງ request.
data Optional. ກໍານົດ data ທີ່ຈະສົ່ງໄປ server.
success(response,status,xhr)

Optional. ກໍານົດ function ທີ່ຈະເລີ່ມໃນການສຳເລັດ request.

Parameter ຕ້ອງການ:

  • response - ກວມ data result ຈາກ request
  • status - ກວມ status ຂອງ request
  • xhr - ກວມ XMLHttpRequest object
dataType

Optional. ກໍານົດຮູບແບບຂອງ data type ທີ່ຄວາມຄິດວ່າ server ຈະຕອບກັບ.

ໂດຍລະບົບມັນສະຫຼາດ jQuery ຈະມີການວັດແທກຢ່າງສະຫຼາດ.

ຮູບແບບທີ່ເປັນໄປໄດ້:

  • "xml"
  • "html"
  • "text"
  • "script"
  • "json"
  • "jsonp"

ອະທິບາຍຢ່າງຫຼາຍກວ່າ:

ຕົວເອກະສານຂອງ function Ajax ທີ່ມີຄວາມສາມາດທີ່ດີກວ່າ:

$.ajax({
  url: url,
  data: data,
  success: success,
  dataType: dataType
});

ອີງຕາມ MIME Type ທີ່ ຄຳຕອບຂອງ HTTP response ຄຳຕອບທີ່ສົ່ງໄປ function success callback ກໍ່ຈະຕ່າງກັນ: XML root element, text string, JavaScript file ຫຼື JSON object. ກໍ່ສາມາດສົ່ງ text status ທີ່ ຄຳຕອບໄປ function success callback.

ສຳລັບ jQuery 1.4 ກໍ່ສາມາດສົ່ງ XMLHttpRequest Object ໄປຫາ function success callback.

ຕົວຢ່າງ:

ຮຽກຮ້ອງ test.php ວັດຖຸ ສະແດງຄຳຕອບ:

$.get("test.php");

ຕົວຢ່າງຫຼາຍກວ່າ:

ຕົວຢ່າງ 1

ຮຽກຮ້ອງ test.php ວັດຖຸ 2 ຄວາມ ສະແດງຄຳຕອບ:

$.get("test.php", { name: "Bill", time: "2pm" } );

ຕົວຢ່າງ 2

ສະແດງຄຳຕອບຂອງ test.php (HTML ຫຼື XML ຕາມຄຳຕອບ):

$.get("test.php", function(data){
  alert("Data Loaded: " + data);
});

ຕົວຢ່າງ 3

ສະແດງຄຳຕອບຂອງ test.cgi (HTML ຫຼື XML ຕາມຄຳຕອບ) ແລະ ສະແດງຄວາມການສາຍຂໍ້ມູນ:

$.get("test.cgi", { name: "Bill", time: "2pm" },
  function(data){
    alert("Data Loaded: " + data);
  });

ການອະທິບາຍ jQuery Ajax