Forum | tutorial pengembangan web terbaru
 

AJAX tutorial


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

Let AJAX change this text

Cobalah sendiri "


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();
}

Mulai belajar AJAX sekarang!