Cara Membuat Realtime Data PHP MySQL jQuery Ajax Show Cara Membuat Realtime Data PHP MySQL jQuery Ajax – Tutorial cara menampilkan data real-time tanpa refresh halaman menggunakan jQuery dan Ajax. Kita akan membuat implementasi realtime data sederhana seperti data pegawai, Pernahkah teman-teman berfikir atau mempunyai kasus bagaimana cara menampilkan data pada sebuah tabel di halaman tertentu tanpa reload atau refresh halaman tersebut. Seperti aplikasi nomor antrian, atau sistem kirim pesan (chat), Jika teman-teman sedang mencari tutorial dengan kasus tersebut, tutorial membuat realtime data php mysql jquery ajax ini sangat cocok untuk kalian. Karena kita akan akan mengimplementasikan realtime data dengan bahasa pemrograman PHP, Database MySQL dan dengan bantuan jQuery ajax, untuk itu ayo ikuti tutorialnya berikut ini!. Cara Membuat Realtime Data PHP MySQL jQuery AjaxBerikut ini adalah video tutorial cara membuat realtime data php mysql jquery ajax Selain Cara Membuat Realtime Data PHP MySQL jQuery Ajax, kami juga membuat video tutorial pemrograman lainnya yang dapat anda kunjungi di channel youtube kami : PHP MySQL Boostrap Terbaru Silahkan bergabung ke Grup Telegram Muba Teknologi untuk sharing tentang pemrograman di : https://t.me/mubatekno “Cara Membuat Realtime Data PHP MySQL jQuery Ajax” Selamat datang kembali di tutorial PHP malasngoding.com. Pada materi tutorial kali ini akan membahas bagaimana Menampilkan data daerah Indonesia PHP MySQLI AJax. 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 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 AjaxPada tutorial ini kita akan belajar tentang cara menampilkan data-data daerah di indonesia dalam bentuk elemen select option (dropdown). Apa itu select option ? Anda bisa memahami ini di materi yang sudah diabahas di web malasngoding sebelumnya (materi select option). 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 Dengan PHP dan AjaxYang harus lakukan pertama kali adalah mempersiapkan database dan table penyimpan data-data daerah Indonesia yang sudah disediakan. Berikut persiapan yang harus dilakukan. 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 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 ( . ).
Sampai di sini proses persiapan database dan table telah selesai. Menampilkan Data Daerah / WilayahSetelah 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 dengan php Pada saat data provinsi dipilih, maka akan tampil data kabupaten sesuai dengan provinsi yang dipilih. menampilkan data kabupaten dengan php Setelah memilih data kabupaten, maka akan tampil data kecamatan. sesuai dengan data kabupaten yang dipilih. menampilkan data kecamatan dengan php Setelah memilih data kecamatan, maka akan muncul data desa. menampilkan data desa dengan php Sampai di sini semua pilihan telah dipillih, dan data telah berhasil tampil dengan baik sesuai dengan urutan nya masing-masing. Menampilkan Data Daerah Indonesia dengan PHP 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 : Download Source Code : Terima kasih, semoga bermanfaat. Incoming search terms:
|