Menampilkan Data Daerah Indonesia PHP MySQLi Ajax


Menampilkan Data Daerah Indonesia PHP MySQLi Ajax

Menampilkan Data Daerah Indonesia PHP MySQLi Ajax – Selamat datang kembali di tutorial PHP malasngoding.com.

Pada saat kita sedang mengerjakan sebuah aplikasi atau sistem informasi, terkadang ada permintaan atau kebutuhan untuk menampilkan data-data nama daerah di indonesia.

Tentu akan sangat sulit dan menyita waktu banyak jika kita harus meriset dan mendata semua data wilayah di indonesia secara satu per satu. mulai dari data provinsi, kemudian masuk ke data kabupatan/kota, kecamatan, sampai desa.

Untuk mengatasi permasalah ini, sebenarnya sudah banyak developer di luar sana yang membuat dan membagikan database daerah di indonesia secara gratis.

Sehingga kita bisa langsung gunakan dengan cara menerapkan langsung ke project kita.

Database daerah atau wilayah yang akan kita gunakan pada tutorial ini akan kita ambil dari github pak cahya CDN.

Menampilkan Data Daerah Indonesia PHP MySQLi Ajax

Pada tutorial ini kita akan belajar tentang cara menampilkan data-data daerah di indonesia dalam bentuk elemen select option (dropdown).

Kita akan menampilkan data daerah yang dipilih menggunakan PHP, MySQLi dan ajax, Sehingga data daerah akan tampil secara otomatis tanpa reload, data daerah yang tampil pun akan tampil sesuai dengan susunan nya masing-masing.

Misalnya kita memilih provinsi “Aceh”, maka akan muncul pilihan kabupaten/kota yang ada pada provinsi “Aceh”.

Selanjutnya jika dipilih salah satu dari pilihan kabupaten/kota tersebut, maka secara otomatis akan tampil data-data kecamatan dari kabupaten/kota yang dipilih. begitu terus selajutnya sampai data desa.

Langsung saja kita masuk ke cara Menampilkan Data Daerah Indonesia PHP MySQLi Ajax tanpa reload.

Menampilkan Data Daerah Indonesia Dengan PHP, MySQLi & Ajax

Yang akan kita lakukan pertama kali adalah mempersiapkan database dan table yang menyimpan data-data daerah indonesia.

Mempersiapkan Database Dan Table Daerah

Silahkan teman-teman bisa download langsung database data daerah/wilayah nya di github pak cahya CDN.

https://github.com/cahyadsn/wilayah/blob/master/wilayah_2020.sql

Setelah di download, silahkan buat database baru. pada tutorial ini saya membuat database baru dengan nama “tutorial_daerah“.

Selanjutnya import file wilayah_2020.sql yang sudah didownload tadi ke database “tutorial_daerah“.

Setelah database diimport, maka akan seperti gambar berikut.

database wilayah indonesia

database wilayah indonesia

Seperti yang terlihat pada gambar di atas, format pada kolom kode meliputi data kode provinsi, kode kabupaten, kode kecamatan, dan kode desa.

Untuk memahami struktur dari kode data daerah/wilayah di atas, kode terdiri dari 4 bagian, yang dipisahkan oleh titik ( . ).

  • bagian pertama  : kode provinsi
  • bagian dua : kode kabupaten
  • bagian tiga : kode kecamatan
  • bagian empat : kode desa

Sampai di sini proses persiapan database dan table telah selesai.

Menampilkan Data Daerah / Wilayah

Setelah selesai mempersiapkan database dan table, selanjutnya kita masuk ke tahap cara menampilkaan data daerah atau wilayah tersebut secara terstruktur.

Mulai dari menampilkan data provinsi, setelah data  provinsi dipilih, maka tampil kabupaten yang ada pada provinsi tersebut. begitu juga dengan kecamatan sampai data desa.

Karena kita akan bermain-main dengan database, maka kita harus membuat koneksi database nya terlebih dulu.

Baca : Cara Membuat Koneksi Database Dengan PHP dan MySQLi

Koneksi databasenya akan kita buat pada file koneksi.php, jadi sekarang silahkan buat file php baru dengan nama koneksi.php.

koneksi.php

Silahkan teman-teman sesuaikan dengan koneksi database mysql teman-teman.

Selanjutnya buat file baru lagi dengan nama index.php

Pada file index.php ini kita akan menampilkan data daerahnya, lengkap dengan script ajax nya juga kita buat pada file ini.

index.php

Perhatikan pada file index.php di atas, karena kita akan menggunakan ajax jquery, maka kita harus menghubungkan file ini dengan jquery.js terlebih dahulu.

Adapun penghubungan dengan jquery.js ini saya menggunakan link CDN, supaya lebih cepat saja. jadi tidak perlu download lagi.

Silahkan jika teman-teman ingin mendownloadnya dan menggunakan nya dengan cara yang sudah pernah dijelaskan sebelumnya.

Baca juga : Pengertian & Cara Menggunakan Jquery

Selanjutnya kita tampilkan data provinsi dalam bentuk form select option (dropdown).

Perhatikan query di atas.  untuk mengambil data provinsi, kita bisa mengakali dengan WHERE CHART_LENGTH(kode) = 2 yang artinya memilih data kode yang hanya memiliki 2 digit karakter.

Kemudian ada 3 buah form select option yang kita sediakan untuk tempat menampilkan data kabupaten, kecamatan dan desa.

Yang masing-masing form sudah kita beri id masing-masing.

Kemudian buat file baru lagi dengan nama get_daerah.php. sesuai dengan perintah ajax yang kita buat di file index.php, semua proses ajax nya memanggil file get_daerah.php, karena memang kita buat pada file ini.

get_daerah.php

Selanjutnya kita coba jalankan pada browser. untuk melihat hasilnya.

localhost/tutorial_daerah/

Maka akan muncul pilihan data provinsi.

menampilkan data provinsi

menampilkan data provinsi

Pada saat data provinsi dipilih, maka akan tampil data kabupaten sesuai dengan provinsi yang dipilih.

menampilkan data kabupaten

menampilkan data kabupaten

Setelah memilih data kabupaten, maka akan tampil data kecamatan. sesuai dengan data kabupaten yang dipilih.

menampilkan data kecamatan

menampilkan data kecamatan

Setelah memilih data kecamatan, maka akan muncul data desa.

menampilkan data desa

menampilkan data desa

Sampai di sini semua pilihan telah dipillih, dan data telah berhasil tampil dengan baik sesuai dengan urutan nya masing-masing.

Menampilkan Data Daerah Indonesia PHP MySQLi Ajax

Menampilkan Data Daerah Indonesia PHP MySQLi Ajax

Seperti yang terlihat pada gambar contoh di atas, semua proses telah selesai dan telah berjalan sesuai dengan harapan.

Untuk sumber database dan source code dari tutorial ini bisa teman-teman download pada link berikut.

Sumber Database Daerah :
https://github.com/cahyadsn/wilayah

Download Source Code :
https://github.com/malasngoding/database-daerah-indonesia

Terima kasih, semoga bermanfaat.

 

Incoming search terms:

  • ajax menampilkan data otomatis if(else
  • ebook sppd
  • inurl: php?kategori= indonesia 2020



Diki Alfarabi Hadi

Coding enthusiast. Someone who love learn something new. especially about web programming and web design. happy to share about knowledge and learn from other.

TUTORIAL MENARIK LAINNYA

Membuat Data Dummy Dengan Faker PHP
Multiple Upload Gambar Dengan PHP MySQLi
Upload File Menggunakan PHP dan MySQLi
Migrasi MySQL ke MySQLI pada PHP

Migrasi MySQL ke MySQLi pada PHP

Migrasi MySQL ke MySQLi pada PHP –  Halo selamat datang kembali di seri tutorial lengkap PHP dari malasngoding.com Kali ini akan kita bahas bagimana migrasi ...
Diskusi
Tidak Ada Komentar