Tugas 7 PWEB - Menggunakan AJAX

Pada postingan kali ini, saya akan mencoba menggunakan Ajax dalam sebuah halaman. Ada 2 contoh yang akan saya jelaskan, yang pertama menjelaskan contoh aplikasi AJAX, dan yang kedua menjelaskan aplikasi AJAX di filter alamat-daerah. Oke langsung saja untuk penjelasannya.

Yang pertama adalah contoh aplikasi halaman yang menggunakan AJAX untuk mengubah konten dari halaman tanpa melakukan reload atau berpindah halaman.

Dalam contoh ini, diperlukan dua file untuk mensimulasikannya, file index.html sebagai halaman utama, dan file data-ajax.html sebagai isi dari data yang akan diload.

Kemudian masukkan kode berikut ke file index.html

Dan kode berikut ke file data-ajax.html

Setelah itu kemudian jalankan halaman, dan ketika menekan tombol Tampilkan Data, maka tulisan di bawahnya akan berubah mengikut isi file dari data-ajax.html

Selain itu, ketika file tujuan tidak tersedia atau error, maka juga menampilkan pesan error dari requestnya

Yang kedua adalah contoh penerapan dari AJAX dalam filter alamat-daerah dalam kolom pencarian. 

Langkah pertama yang harus dilakukan adalah menginputkan file berikut ke dalam database MySQL.

Kemudian isikan kode berikut untuk masing-masing file

koneksi.php

index.php

get_provinsi.php

get_kabupaten.php

get_kecamatan.php

get_kelurahan.php

Lalu, jalankan halaman dengan menggunakan XAMPP, maka hasilnya akan seperti berikut

 Sekian postingan kali ini, semoga bermanfaat