Hallo teman-teman Dumet School. Kali ini saya akan membahas tentang cara Mengubah Isi Konten Dengan AJAX Javascript.
Dimana ketika saya melakukan klik pada sebuah tombol maka data dengan format txt yang sudah saya siapkan akan tampil dan merubah isi konten yang sudah ada. Disini saya menggunakan ajax javascript dengan XMLHttpRequest().

Untuk dapat mengetahui cara Mengubah Isi Konten Dengan AJAX Javascript teman-teman langsung saja membuat struktur htmlnya seperti pada script di bawah ini. Teman-teman bisa salin ya lalu disimpan dengan format php.

Nah jika sudah maka disini kita akan membuat data yang akan di tampilkan dengan format txt. Berikut adalah datanya.

Dan jika sudah maka kita bisa langsung membuat script AJAX Javascriptnya dan berikut scriptnya di bawah ini. teman-teman
letakkan di paling bawah sebelum tag penutup body.

Temen-temen bisa perhatikan scriptnya. Dimana saya membuat Function loadDoc() dengan method XMLHttpRequest() lalu buat function untuk mengecek status AJAXnya dan kemudian melakukan cetak dengan innerHTML. Setelah itu melakukan open pada AJAX Javascript dengan method GET yang mengambil data dari data yang sudah kita buat sebelumnya dengan format txt. Jika teman jalankan di browser masing-masing, maka tampilannya seperti pada gambar di bawah ini.

Mengubah Isi Konten Dengan AJAX Javascript

Dan ketika teman-teman melakukan klik pada tombol maka akan tampil seperti gambar di bawah ini.

Mengubah Isi Konten Dengan AJAX Javascript

Demikian artikel tentang Mengubah Isi Konten Dengan AJAX Javascript semoga dapat bermanfaat dan selamat mencoba ya.