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

12 Maret 2021 3.556x
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

Artikel Terkait

Mengatur Default Routes di Codeigniter pada Sub Folder

Mengatur Default Routes di Codeigniter pada Sub Folder

Routes merupakan suatu fitur yang disediakan oleh Codeigniter untuk mempermudah dalam mengelola URL pada aplikasi web yang dibuat. Contoh pola yang bi...

Selengkapnya
Cara Kirim Email dari Localhost dengan Codeigniter dan PHPMailer

Cara Kirim Email dari Localhost dengan Codeigniter dan PHPMailer

Sebelumnya kita telah belajar tentang Cara Kirim Email dari Localhost dengan PHP Native dan PHPMailer, nah pada kali ini akan dibahas dalam versi Code...

Selengkapnya
Cara Upload Project Codeigniter ke Server Shared Hosting

Cara Upload Project Codeigniter ke Server Shared Hosting

Dalam pembuatan suatu aplikasi web, seseorang biasanya dihadapkan dengan 2 pilihan yaitu kerjakan di localhost atau langsung di server. Bagi Anda yang...

Selengkapnya
Mengatasi Error Number 1055 Expression Select List di Codeigniter 3

Mengatasi Error Number 1055 Expression Select List di Codeigniter 3

Bagi teman-teman yang pernah menemui problem seperti pada gambar yang ada dibawah ini, maka dapat diselesaikan dengan mengganti sql_mode dari phpmyadm...

Selengkapnya