Cara Menampilkan Data di Tabel berdasarkan Select Option tanpa reload halaman menggunakan jQuery Ajax

{ Jangan Malas Membaca Ya }

Halo teman-teman… kali ini Co-Paz akan membagikan bagaimana Cara Menampilkan Data di Tabel berdasarkan Select Option menggunakan jQuery Ajax. Nah mungkin teman-teman pada belum taukan cara menampilkannya tanpa reload halaman dan disini Co-Paz menggunakan bahasa pemrograman Web PHP Framework Codeigniter dengan Metode MVC. Langsung aja ya :D…Cekidot…

·         Sekiranya yang dibutuhkan

-          Laptop/Komputer

-          Minuman/ Makanan (Biar Fokus hhehehe)

-          Do’a

·         Software & Plugin

-          Codeigniter Versi 3 keatas

-          jQuery.min.js Versi 1.8.2

Caranya yaitu:

1.  Buat Database & 2 Tabel yaitu seperti gambar dibawah ini

2. Setting autoload.php di application/config/autoload.php ubah seperti gambar dibawah ini

3. Setting config.php di application/config/config.php ubah seperti gambar dibawah ini

4. Setting database.php di application/config/database.php ubah seperti gambar dibawah ini

Password sesuaikan dengan mysql anda, default password '' (kosong)  :)

5. Buat file Web.php di folder application/controllers & isikan file Web.php seperti dibawah ini

6. Buat file Model_data.php di folder application/models & isikan file Model_data.php seperti gambar dibawah ini

7. Buat file tabel_data.php di folder application/views & isikan file tabel_data.php seperti gambar dibawah ini

8. Buat file v_data.php di folder application/views & isikan file v_data.php seperti gambar dibawah ini

9. Dan yang terakhir kita coba maka hasilnya bisa terlihat jadi seperti gambar dibawah ini

Download File Lengkapnya

Klik Disini

Bagaimana menurut teman-teman tentang bagaimana Cara Menampilkan Data di Tabel berdasarkan Select Option tanpa reload halaman menggunakan jQuery Ajax? Silahkan komentar jika teman-teman belum mengerti... Sekian & Terimakasih :D.