AJAX 简介

AJAX ແມ່ນຄວາມຝັນຂອງຜູ້ພັດທະນາ ຍ້ອນວ່າເຈົ້າສາມາດ:

  • ປ່ຽນເນື້ອໃນເວລາບໍ່ມີການແກ້ໄຂຂອງຫຼັງສະຖານທີ່
  • ຮັບຂໍ້ມູນຈາກວາງງານຫຼັງສະຖານທີ່ຫຼັງຈາກການເອົາໃຫ້ເລີ່ມເວລາ
  • ຮັບຂໍ້ມູນຈາກວາງງານຫຼັງສະຖານທີ່ຫຼັງຈາກການເອົາໃຫ້ເລີ່ມເວລາ
  • ສົ່ງຂໍ້ມູນໄປຫາວາງງານຫຼັງສະຖານທີ່

AJAX ອົງປະກອບ

ການຄົ້ນຫາທີ່ຢູ່ຫຼັງສະຖານທີ່

ສຳລັບການສືບທອດ

AJAX ຄວາມຄິດທີ່ກ່າວຫາ

HTML ຂໍ້ມູນ

<!DOCTYPE html>
<html>
<body>
<div id="demo">
  <h2>ບັນທຶກ AJAX ປ່ຽນຂໍ້ຄວາມນີ້</h2>
  <button type="button" onclick="loadDoc()">ປ່ຽນຂໍ້ຄວາມ</button>
</div>
</body>
</html>

HTML ອາກາດນີ້ມີ <div> ແລະ <button>.

<div> ສຳລັບສະແດງຂໍ້ມູນຈາກວາງງານ.

<button> ການເອິ້ນການເຮັດວຽກຂອງຕົວອອກ (ເມື່ອມັນຖືກກະຕຸ້ມ).

ການຈັດການຂອງຕົວອອກມາຈາກວາງງານ web ແລະສະແດງມັນ:

Function loadDoc()
function loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
     document.getElementById("demo").innerHTML = this.responseText;
    }
  };
  xhttp.open("GET", "ajax_info.txt", true);
  xhttp.send();
}

ສິ່ງທີ່ວ່າ AJAX?

AJAX = Asynchronous JavaScript And XML.

AJAX ບໍ່ແມ່ນພາສາປັດຊະຍາ.

AJAX ພຽງແຕ່ການປະສົມກັນຂອງ:

  • XMLHttpRequest ໂອບຄອມທີ່ມີຢູ່ໃນເບື້ອງໄວ້ຂອງການຄັດຄ້ານຂອງ Web (ຮຽກຮ້ອງຂໍ້ມູນຈາກ Web Server)
  • JavaScript ແລະ HTML DOM (ສະແດງຫຼືນຳໃຊ້ຂໍ້ມູນ)

Ajax ຈະເປັນຊື່ຫາຫຼວງ. ຄວາມຄິດສະແດງ Ajax ອາດນຳໃຊ້ XML ເພື່ອສົ່ງຂໍ້ມູນ, ແຕ່ການສົ່ງຂໍ້ມູນຄືນຄືກະສູນຄືກະພາບຫຼື JSON ກໍ່ຍັງມີຄວາມປົກກະຕິ.

Ajax ອະນຸຍາດການສະແດງການປັບໃສ່ເວັບໄຊອັນດັບຫນຶ່ງໂດຍການສົ່ງຂໍ້ມູນກັບ Web Server ທີ່ຫຼັງສະໜາມ. ນີ້ຫມາຍຄວາມວ່າສາມາດສະແດງການປັບໃສ່ເວັບໄຊອັນດັບຫນຶ່ງໂດຍບໍ່ຕ້ອງການຊົງເວັບໄຊທັງໝົດ.

ວິທີການເຮັດວຽກ AJAX

AJAX
  1. ການເກີດເຫດໃນເວັບໄຊ (ອີງ: ການເວັບໄຊເຫນືອງ, ການກົດລະບຽບຄູ່ມື)
  2. JavaScript ຈະສ້າງ XMLHttp ໂອບຄອມ
  3. XMLHttpRequest ໂອບຄອມຈະສົ່ງການຮຽກຮ້ອງໄປເວັບໄຊທາງເຂດວາງອານຸສາວະພາບ
  4. ເວັບໄຊຈະຈັດການການຮຽກຮ້ອງຄັດຄ້ານ
  5. ເວັບໄຊຈະສົ່ງຄຳຕອບຄືນໃຫ້ເວັບໄຊ
  6. JavaScript ອ່ານຄຳຕອບຂອງເວັບໄຊ
  7. ຈະດໍາເນີນການທີ່ຖືກຕ້ອງໂດຍ JavaScript (ອີງ: ການປັບໃສ່ບາບເວັບໄຊ)