AJAX adalah mimpi pengembang, karena Anda dapat:
- Memperbarui halaman web tanpa reload halaman
- Permintaan data dari server - setelah halaman telah dimuat
- Menerima data dari server - setelah halaman telah dimuat
- Mengirim data ke server - di latar belakang
Coba Sendiri Contoh di Setiap Bab
Dalam setiap bab, Anda dapat mengedit contoh online, dan klik pada tombol untuk melihat hasilnya.
AJAX Contoh Dijelaskan
HTML Halaman
<!DOCTYPE html>
<html>
<body>
<div id="demo"><h2>Let AJAX change this text</h2></div>
<button type="button" onclick="loadDoc()">Change Content</button>
</body>
</html>
Halaman HTML berisi <div> bagian dan <button> .
The <div> bagian digunakan untuk menampilkan informasi dari server.
The <button> panggilan fungsi (jika diklik).
fungsi permintaan data dari web server dan menampilkannya:
Fungsi loadDoc ()
function loadDoc() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (xhttp.readyState == 4 && xhttp.status == 200) {
document.getElementById("demo").innerHTML = xhttp.responseText;
}
};
xhttp.open("GET", "ajax_info.txt", true);
xhttp.send();
}