Proses Create, Update dan Delete (CRUD) adalah proses dasar dalam management data. Kali ini saya akan membangun proses CRUD dengan metode Ajax.
Data yang diinput adalah data karyawan, pertama-tama ciptakan dulu table karyawan dan master departement:
Isi data pada master department terlebih dahulu karena pada artikel kali ini saya akan berkonsentrasi pada management data master pegawai. Library javascript yang akan digunakan adalah:
1. JQuery
2. JQuery Ajax Form, untuk memproses data dari form dan request ke ajax lebih cepat dan mudah.
3. JQuery Thickbox, untuk mengeluarkan popup form dengan metode Ajax.
Ada tiga file utama yang dapat anda temukan dengan fungsi masing-masing:
1. index.php, menampung daftar lengkap pegawai dan menyediakan link untuk tambah, edit dan hapus data pegawai. Pada index.php juga di deklarasikan fungsi untuk request Ajax ketika tombol submit pada form ditekan.
2. form.php, menampilkan form tambah atau edit data. File ini diakses melalui metode Ajax dengan bantuan popup Thickbox, jika file ini dipanggil dengan parameter ID pegawai maka form ini siap untuk mengedit satu record pegawai di database.
3. proses.php, adalah file yang menjadi tempat request Ajax untuk menambah dan mengedit data. File ini akan mengembalikan nilai JSON untuk kemudian di proses index.php.
Untuk melihat demo klik link ini.
Untuk download source program klik link ini.
Sumber: http://chandrajatnika.com
