Cek Ketersediaan Data Tanpa Submit Form dengan Codeigniter, Jquery dan Ajax

Jumat, 12 Maret 2021 20:12 3.844x
Cek Ketersediaan Data Tanpa Submit Form dengan Codeigniter, Jquery dan Ajax

Salah satu kegunaan adanya ajax yaitu dapat memudahkan kita sebagai developer untuk melakukan proses pengecekan data secara langsung tanpa harus menekan tombol submit dalam suatu form. Nah pada kali ini saya mau membahas tentang Cek Ketersediaan Data Tanpa Submit Form dengan Codeigniter, Jquery dan Ajax.

Langsung saja tanpa basa-basi lagi silahkan ikuti tahapannya berikut ini:

  1. Download dulu template CI 3 dan AdminLTE 3 yang sudah saya sediakan: https://github.com/amperakoding/ci_adminlte3. Namun apabila teman-teman tidak ingin menggunakannya juga tidak masalah, template ini untuk mempercepat proses koding dan mempercantik tampilannya saja.
  2. Buat Controller Product seperti ini:
     
  3. Buat Model dengan nama Product_model


  4. Buat script javascript pada View


  5. Kalau bingung, maka teman-teman bisa download source codenya disini: https://github.com/amperakoding/ajax_live_check_ci3 
  6. Akses langsung ke https://localhost/admin/product/tambah

Jangan lupa bagikan ke media sosial atau teman Anda dan semoga bermanfaat.

Bagikan