ความรู้เบื้องต้นเกี่ยวกับ AJAX

เทคโนโลยี AJAX เป็นวิธีการ อัปเดตส่วนหนึ่งของหน้าเว็บโดยไม่ต้องโหลดหน้าใหม่ทั้งหมด พื้นฐานของเทคโนโลยีนี้คือ JavaScript โปรโตคอล HTTP และส่วนของเซิร์ฟเวอร์บางส่วน เช่น PHP, NodeJS หรืออื่นๆ

ในปัจจุบัน การทำงานกับ AJAX ถูกนำมาใช้ ผ่าน fetch นี่เป็นเทคโนโลยีสมัยใหม่ แต่ไม่ทำงานในเบราว์เซอร์รุ่นเก่า เทคโนโลยีที่ เก่ากว่าคือการใช้ ออบเจ็กต์ XMLHttpRequest คุณอาจยัง พบเห็นเทคโนโลยีนี้ แต่ไม่ควรลงลึก มากนัก

เพื่อศึกษาเกี่ยวกับการทำงานของ AJAX จำเป็นต้องมี เซิร์ฟเวอร์ เราจะใช้ เซิร์ฟเวอร์สำหรับฝึกหัด ของเรา มาสร้างไฟล์ HTML ในโฟลเดอร์ของเซิร์ฟเวอร์ ซึ่งเราจะเปิดในเบราว์เซอร์:

<!DOCTYPE html>
<html>
	<head>
		<title></title>
		<script src="client.js" defer></script>
	</head>
	<body>
		
	</body>
</html>

มาเชื่อมต่อไฟล์ JavaScript เข้ากับมัน:

alert('ทดสอบ');

สร้างไฟล์ตามที่อธิบายและทดสอบการทำงานของมัน ในเบราว์เซอร์