Untuk artikel ini kita masih menyambung dengan artikel sebelumnya yaitu tentang CRUD ajax ya, jika kemarin kita sudah berhasil memasukan data, atau insert sekarang kita akan mencoba selanjutnya adalah cara sederhana delete data dengan Ajax Jquery, kita ke delete dulu ya teman-teman untuk update sehabis ini, untuk delete sendiri caranya cukup sederhana, sederhana seperti apa, baca selanjutnya.

Cara Sederhana Delete Data dengan Ajax Jquery

Untuk teman-teman yang baru saja bergabung silahkan baca terlebih dahulu dan ikuti artikel saya sebelumnya ya, karena untuk artikel ini, kita buat sebuah aplikasi sederhana yaitu CRUD dengan AJAX jQuery, supaya nyambung dan tidak kesulitan, dan saya juga tidak menuliskan ulang atau mencontohkan ulang kodingan hanya step-by-step selanjutnya, silahkan di klik disini jika ingin melihat artikel saya selanjutnya.

Kenapa saya beri judul dengan kata sederhana, karena untuk mendelete kita hanya butuh id dimana id itu sebagai patokan dari list-list yang ada di database kita, pasti teman-teman yang sudah pernah belajar PHP paham makasud dari kata-kata saya ini, tinggal bagaimana kita bisa mengambil id yang kita mau, paling tantangannya disitu, tappi jangan khawatir karena disini saya menemukan cara sederhana nya. oke langsung saja silahkan teman-teman buka kembali file index.php nya, setelah itu silahkan teman-teman buat lagi fungsi baru di object app dengan nama seterah teman-teman, disini saya membuat dengan nama deleteData, dengan kode sebagai berikut:

cara sederhana delete data dengan Ajax Jquery

oke saya jelaskan tentang kode di atas:

  1. var id di dapatkan dari attribute idMurid yang saya letakan di button deletenya, nanti saya kasih tau juga cara meletakannya, jadi dengan sederhana saya tinggal memanggil attribute id nya, untuk pemrosessan.
  2. dan saya membuat sebuah variabel confirmDelete dimana itu untuk membuat apakah teman-teman yakin ingin menghapusnya, jadi jika iya proses ajax deletenya akan berjalan, seperti itu.

dan ini lah attribute yang saya berikan di tombol buttonya:

cara sederhana delete data dengan Ajax Jquery

Dan seperti ini lah proses deletenya jika teman-teman ingin mendelete nya, ada sebuah alert confirm ketika ingin mendelete.

cara sederhana delete data dengan Ajax Jquery

bagaimana apakah teman-teman berhasi, jika ada yang belum berhasil, coba teliti lagi siapa tau ada yang terlewat dan jika masih bingung silahkan tanya pada kolom komentar di bawah ini, oke saya rasa cukup sampai disini dulu belajar kita tentang cara sederhana delete data dengan Ajax Jquery, semoga bermanfaat dan sampai jumpa pada artikel selanjutnya terimakasih.