Contoh AJAX
Untuk membantu Anda memahami AJAX bekerja, kami membuat aplikasi AJAX kecil:
AJAX contoh analisis
Aplikasi AJAX di atas mengandung div dan tombol.
porsi div untuk menampilkan informasi dari server. Ketika tombol diklik, ia bertanggung jawab untuk memanggil fungsi bernama loadXMLDoc () adalah:
<!DOCTYPE html>
<html>
<body>
<div id="myDiv"><h2>Let AJAX change this text</h2></div>
<button type="button" onclick="loadXMLDoc()">Change Content</button>
</body>
</html>
<html>
<body>
<div id="myDiv"><h2>Let AJAX change this text</h2></div>
<button type="button" onclick="loadXMLDoc()">Change Content</button>
</body>
</html>
Selanjutnya, di bagian kepala halaman untuk menambahkan tag <script>. Label berisi loadXMLDoc () fungsi:
<head>
<script>
function loadXMLDoc()
{
.... AJAX script goes here ...
}
</script>
</head>
<script>
function loadXMLDoc()
{
.... AJAX script goes here ...
}
</script>
</head>
Bagian berikut akan menjelaskan AJAX Anda bekerja.