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

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
Tabel Data
Tabel Kota
2. Setting autoload.php di application/config/autoload.php ubah seperti gambar dibawah ini
helper
libraries
model
3. Setting config.php di application/config/config.php ubah seperti gambar dibawah ini
baseurl
4. Setting database.php di application/config/database.php ubah seperti gambar dibawah ini
database
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
Model Data
7. Buat file tabel_data.php di folder application/views & isikan file tabel_data.php seperti gambar dibawah ini
Tabel Data
8. Buat file v_data.php di folder application/views & isikan file v_data.php seperti gambar dibawah ini
View Data
View Data
9. Dan yang terakhir kita coba maka hasilnya bisa terlihat jadi seperti gambar dibawah ini

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




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.

Post a Comment

7 Comments

Silahkan tinggalkan komentar anda demi kemajuan bersama.
Para pengurus Blog Co-Paz™ Tidak selalu Online untuk memantau Komentar yang Masuk, Jadi tolong berikan Komentar Anda dengan Pantas dan Layak dikonsumsi oleh Publik. No SARA, SPAM dan berkomentar kasar atau Sejenisnya... Sankyou ^_^.