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

30 September 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat