Belajar Tentang jQuery Ajax PHP Bagian 5

Mari kita lanjutkan lagi pembahasan tentang Ajax jQuery. Sekarang kita akan mencoba bagaiaman membuat proses hapus data dengan ajax jQuery atau tanpa harus merefresh halamannya. Disini saya sudah berikan css untuk sebuah buttonnya hapusnya sebagai berikut

selanjunya kita akan tambahkan button yang punya class didalam elemen <p> dan satu lagi kita tambahkan custom attribute yaitu data-id

yang isinya berbeda beda berdasarkan id komentarnya. Ketika kita klik tombol hapusnya kita mau textnya juga ikut hilang maka dari itu kita tambahkan id untuk elemen <p> nya

selanjutnya kita buat triggernya yang mengacu pada class hapus dan kita mau ambil attribute data-id dengan metode attr sebagai berikut

dimana id yang kita ambil adalah id yang kita pilih atau yang kita klik maka dari itu kita gunakan selector this.

kita akan tampilkan ke dalam console.lognya dan kita simpan kita jalankan pada browsernya.

ketika kita klik button hapusnya maka akan terlihat pada console yakni id yang kita klik atau yang kita pilih. Sejauh ini kita sudah berhasil mendapatkan id dari setiap datanya masing masing. Cukup ini saja kita lanjutkan pada artikel selanjutnya. terima kasih