Pengertian AJAX
Asynchronous JavaScript and XMLHTTP, atau disingkat AJAX, adalah suatu teknik pemrograman berbasis web untuk menciptakan aplikasi web interaktif. ... Pada beberapa framework AJAX, element HTML IFrame lebih dipilih daripada XMLHTTP atau XMLHttpRequest untuk melakukan pertukaran data dengan web server.
KENAPA HARUS MENGGUNAKAN AJAX
- Perbarui halaman web tanpa memuat ulang halaman
- Meminta data dari server - setelah halaman dimuat
- Menerima data dari server - setelah halaman dimuat
- Kirim data ke server - di latar belakang
Contoh
<!DOCTYPE html>
<html>
<body>
<div id="demo">
<h2>Let AJAX change this text</h2>
<button type="button" onclick="loadDoc()">Change Content</button>
</div>
</body>
</html>
<html>
<body>
<div id="demo">
<h2>Let AJAX change this text</h2>
<button type="button" onclick="loadDoc()">Change Content</button>
</div>
</body>
</html>
Halaman HTML berisi <div> section dan a <button>. Bagian <div> digunakan untuk menampilkan informasi dari server. Tombol <button> memanggil fungsi (jika diklik). Fungsi meminta data dari server web dan menampilkannya:
Fungsi loadDoc ()
function loadDoc() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("demo").innerHTML = this.responseText;
}
};
xhttp.open("GET", "ajax_info.txt", true);
xhttp.send();
}
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("demo").innerHTML = this.responseText;
}
};
xhttp.open("GET", "ajax_info.txt", true);
xhttp.send();
}
AJAX memungkinkan halaman web diperbarui secara asinkron dengan bertukar data dengan server web di belakang layar. Ini berarti bahwa adalah mungkin untuk memperbarui bagian dari halaman web, tanpa memuat ulang keseluruhan halaman.
Bagaimana AJAX Bekerja
0 komentar: