ตัวอย่าง AJAX
โปรแกรมประยุกต์ AJAX มีหนึ่งส่วน div และ หนึ่งปุ่ม
ส่วน div นี้จะใช้แสดงผลสารสนเทศที่ส่งกลับมาจากเครื่องแม่ข่าย ปุ่มนี้ใช้เรียกฟังก์ชันชื่อ loadXMLDoc() เมื่อมีการคลิก
<html>
<body>
<div id="myDiv"><h2>ให้ AJAX เปลี่ยนข้อความนี้</h2></div>
<button type="button" onclick="loadXMLDoc()">เปลี่ยนเนื้อหา</button>
</body>
</html>
ต่อไปเพิ่มแท็ก <script> ที่ส่วนหัวของเพจ ส่วน script นี้บรรจุฟังก์ชัน loadXMLDoc() ไว้
<head>
<script type="text/javascript">
function loadXMLDoc()
{
.... AJAX script ไปที่นี่ ...
}
</script>
</head>
|