Bagaimana? apakah sudah mulai tertantang? Apakah banyak error? tentu itu adalah hal pasti dan akan sering kita jumpai saat kita mencoba hal baru apa lagi dengan bermain dengan AJAX. Untuk yang sudah mengikuti dari awal pasti anda sudah mengetahui apa permasalahan yang akan kita selesaikan bersama di bagian ini.
Di bagian sebelumnya kita memang sudah bisa menghapus data yang sudah kita buat, tetapi jika kita mencoba menambahkan data maka yang akan muncul hanya textnya saja tanpa tombol hapusnya. Disini saya akan belajar menyelesaikan masalah ini bersama - sama dengan teman - teman.
Tahapan :
- Kita coba masukan data terlebih dahulu agar kita bisa mengetahui masalahnya.
- Jika kita perhatikan di inspect element, data yang baru kita masukan belum mendapat id, dan inilah masalah utamanya.
- Sekarang kita buka aksi.php. Edit scriptnya seperti ini.
Ini hasilnya:
- Karena kita sudah menambahkan idnya, sekarang kita masukan tombol submitnya.
- Setelah itu kita masukan data kembali, dan lihat hasilnya.
- Perhatikan tanda, id dan tombol sudah muncul.
- Tetapi jangan senang terlebih dahulu, karena kita belum bisa menghapus data yang kita buat. Atasi dengan mengedit script type hapus menjadi seperti ini
- Sebenarnya sampai disini juga sudah selesai, tetapi jika kita lihat lebih jauh, saat kita mengirim atau memasukan data maka text yang ada di text area tidak ikut menghilang. Untuk merapikannya masukan script ini.
- Ini lah hasilnya.
Error sudah kita atasi bersama, dibagian selanjutnya adalah bagian terakhir dan dibagian ini pula yang paling rumit. Jika anda masih mempunya error di bagian sebelumnya, alangkah lebih baiknya jika anda selesaikan terlebih dahulu.
Selamat Mencoba !!!