Setelah atikel sebelumnya kita sudah berhasil menampilkan sebuah data di database dengan sebuah ajax, sekarang kita lanjutkan untuk menginsert datanya, menghapusnya, dan mengeditnya, bagi teman-teman yang belum melihat artkelnya, saya sarankan teman-teman lihat artikel saya sebelumnya ya.

Oke kemarin ada yang tanya file databasenya seperti apa, bisa lihat disini:

cara-live-table-insert-update-delete-ajax cara-live-table-insert-update-delete-ajax

Sudah bisa ya untuk melihat saja, oke jika sudah kita langsung saja masuk untuk selanjutnya ya itu memasukan data, oke seperti yang saya tulis sebelumnya insert data yang kita pakai disini bukan menggunakan form insert ya, melainkan, table juga, dengan database kosong seperti ini:

bisa dilihat ya disini saya menggunakan contenteditable jadi dimana ada sebuah id first_name dan last_name dan sebuah id btn_add nanti kita akan pakai id itu semua, oke langsung kita lihat di jquery ajaxnya

Jika kosong maka menimbulkan alert, jika berhasil data firstname dan lastname itulah yang kita ambil, dan prosesnya ada di data.php, oke sekarang kita lihat webservicenya:

cara-live-table-insert-update-delete-ajax

Seperti itulah query untuk insert sudah paham ya untuk insertnya, oke selanjutnya kita metode hapus, disini saya menggunakan button.

langsung kita ke ajaxnya

Oke kita ambil idnya ya. sekarang kita masuk ke webservicenya

Cukup simple untuk webservice hapusnya, sekarang kita cek apakah berhasil

cara-live-table-insert-update-delete-ajax

Oke sekarang kita update, Untuk updatenya teman-teman tinggal mengkilk data mana yang ingin kita update, langsung saja kita ke ajaxnya karena kita sudah tau menggunakan contenteditable,

kita ke webservicenya

Oke sekarang kita coba mengupdatenya

cara-live-table-insert-update-delete-ajax

cara-live-table-insert-update-delete-ajax

cara-live-table-insert-update-delete-ajax

Nah Sudah berhasil bukan, oke saya rasa cukup sampai disini belajar kita tentang cara membuat live table insert update delete ajax, semoga bermanfaat dan sampai jumpa pada artikel berikutnya terimakasih.

WhatsApp chat