Asynchronous JavaScript and XML

Home

AJAX Tutorial
Knowledge Developer Database Internet Resource
AJAX Tutorial
1. แนะนำ AJAX
2. ตัวอย่าง AJAX
3. การสร้าง XMLHttpRequest Object
4. การส่งคำขอไปแม่ข่าย
5. การตอบสนองจากแม่ข่าย
6. onreadystatechange Event
7. AJAX PHP/ASP
8. AJAX Database
9. AJAX XML
 
Internet
PHP
SSI
HTML
AJAX
 

ตัวอย่าง AJAX

โปรแกรมประยุกต์ AJAX มีหนึ่งส่วน div และ หนึ่งปุ่ม

ให้ AJAX เปลี่ยนข้อความนี้


ส่วน 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>


 


  
[an error occurred while processing this directive]