AJAX 简介

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 Server)
  • JavaScript ແລະ HTML DOM (ສະແດງຫຼືໃຊ້ຂໍ້ມູນ)

Ajax ມີຊື່ສັບສັນທີ່ບໍ່ດີ. Ajax Application ອະນຸຍາດການສົ່ງຂໍ້ມູນທີ່ແບບ XML, ແຕ່ການສົ່ງຂໍ້ມູນທີ່ແບບ Text ຫຼື JSON Text ກໍ່ຍັງມີຄວາມກາຍດີ.

Ajax ອະນຸຍາດການກ່ຽວຂ້ອງຂອງຂໍ້ມູນກັບ Web Server ທີ່ວຽງງານ. ນີ້ໝາຍຄວາມວ່າມີສິດທິການປັບປຸງພາກເທື່ອຂອງເວັບໄຊ, ແຕ່ບໍ່ຕ້ອງການການເລີ່ມຕໍ່ເວັບໄຊທັງໝົດ.

ວິທີ AJAX ວຽງງານ

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