Membuat Autoselected Provinsi Kota Dengan Ajax

Halo semua, saya Reza. Sekarang saya mau berbagi tutorial membuat autoselected pada dropdown untuk menampilkan kota berdasarkan provinsi yang dipilih. Kalian suda tahu Ajax? Konsep dari Ajax pada intinya adalah melengkapi kekurangan PHP, dimana dengan Ajax kita bisa melakukan request (permintaan) data ke server tanpa mereload halaman browser tersebut. Selain itu kita bisa memberikan efek animasi load Javascript pada saat proses request data.

Langkah pertama, silahkan teman-teman buat database bernama "ajax" dan buat dua table "kota" dan "provinsi".

Struktur table "kota":

Isi table "kota":

Struktur table "provinsi":

Isi table "provinsi":

Langkah kedua, Buat folder "belajar_ajax" di dalamnya buat folder "js" dan masukan file library Javascript "jQuery" yang telah kalian download. Kemudian masih dalam folder "belajar_ajax", buat file "config.php", "kota.php" dan "index.php".

Kode perintah untuk koneksi ke database:

Buat form dropdown dan tampilkan data dari table "provinsi":

Buat proses Ajax (jQuery) di dalam tag head:

Proses menerima request data dari Ajax:

Dan berikut adalah hasilnya:

Untuk kebih jelas silahkan lihat video berikut:

https://www.youtube.com/watch?v=GWY6ekKXknE