contoh AJAX
Untuk membantu anda memahami cara AJAX berfungsi, kami telah mencipta aplikasi AJAX kecil:
Analisis tika AJAX
di atas Aplikasi AJAX mengandungi div dan butang. Bahagian
div digunakan untuk memaparkan maklumat daripada pelayan. Apabila butang diklik, ia bertanggungjawab untuk memanggil fungsi yang dipanggil loadXMLDoc():
<!DOCTYPE html>
<html>
<body>
<div id="myDiv"><h2>Biar AJAX menukar teks ini</h2></h2> ;/div>
<button type="button" onclick="loadXMLDoc()">Tukar Kandungan</button>
</body>
</html>
<html>
<body>
<div id="myDiv"><h2>Biar AJAX menukar teks ini</h2></h2> ;/div>
<button type="button" onclick="loadXMLDoc()">Tukar Kandungan</button>
</body>
</html>
Seterusnya, tambahkan teg <skrip> Teg ini mengandungi fungsi loadXMLDoc():
<head>
<script>
function loadXMLDoc()
{
.... Skrip AJAX berjalan di sini ...
}
</script>
</head>
<script>
function loadXMLDoc()
{
.... Skrip AJAX berjalan di sini ...
}
</script>
</head>
Bab berikut akan menerangkan kepada anda cara AJAX berfungsi.
