Artikel kali ini adalah lanjutan dari artikel sebelumnya dimana pada artikel sebelumnya kami telah membuat sebuah proses dom yang berfungsi untuk mengedit data yang telah kita tampilkan dari database, pada artikel ini yang saya beri judul cara mengupdate dengan ajax jQuery, saya harap teman-teman lihat juga artikel saya sebelumnya karena disini saya menggunakan template yang sebelumnya, untuk melihat artikel saya sebelumnya teman-teman bisa langsung saja klik disini, oke jadi seperti apa membuat updatenya simak terus ya teman-teman.

Sebelum saya melenjutkan cara mengupdate dengan ajax jQuery saya jelaskan ulang terlebih dahulu, pada artikel sebelumnya kita telah berhasil membuat sebuah tampilan data dari database dimana ketika kita ingin update data tersebut kita tinggal mengklik 2x pada data tersebut maka akan tampil sebuah form.

Yang berfungsi untuk mengupdate data tersebut, jadi intinya kita bisa membuat update data dengan cara berbeda, jika teman-teman penasaran seperti apa artikel sebelumnya teman-teman bisa klik disini, seperti yang saya sudah cantumkan diatas, oke langsung saja di proses.

Pertama jangan lupa berikan id dan namenya di setiap formn karena kemarin kami belum memberikannya id dan name formnya, id untuk mengambil valuenya dan name untuk proses pengambilan data di ajaxnya, seperti ini:

Cara Mengupdate dengan ajax jQuery

Oke jika sudah seperti di atas sekarang untuk proses ajaxnya seperti ini

id save kita dapatkan dari button savenya, lalu untuk submit_form itu kita dapatkan dari id formnya dimana ketika kita menggunakan serialize() kita bisa langsung mendapatkan data dari setiap formnya, dan sama seperti sebelumnya jika proses berhasil maka kita memainkan hide dan show lagi, oke langsung saja kita ke proses update.php nya, untuk prosesnya seperti ini:

cara mengupdate dengan ajax jQuery cara mengupdate dengan ajax jQuery cara mengupdate dengan ajax jQuery

Jadi data yang ada di succes itu dari echo yang ada di proses update.php nya, bagaimana apakah teman-teman sudah berhasil juga, jika sudah berhasil, dan kami merasa cukup jelas ya cara mengupdate dengan ajax jQuery, kita sudah berhasil membuat dom seolah-olah kita bisa live edit dan update,

WhatsApp chat