Hallo teman-teman Dumet School. Kembali lagi dengan saya di Kursus Web Desain. Pembahasan kali ini tentang Membuat Live Edit Menggunakan Ajax Javascript Part3 adalah saya akan membuat function app.edit() dan file update.php untuk melanjutkan pembahasan sebelumnya. Dimana pembahasan sebelumnya kita sudah membuat event focus dengan double click serta event blur.

Untuk Membuat Live Edit Menggunakan Ajax Javascript Part3 kita buat function app.edit() terlebih dahulu dimana function app sudah kita buat sebelumnya yang di dalamnya ada function show. Untuk menambahkan function teman-teman hanya memberikan koma saya lalu di lanjutkan dengan script di bawah ini.

Jika sudah selesai maka teman-teman buat file baru dengan nama update.php yang disimpan dalam folder app. Dimana file ini berisi perintah atau request untuk melakukan update menggunakan php. Langsung saja teman-teman perhatikan script berikut ini.

Membuat Live Edit Menggunakan Ajax Javascript Part3 sudah kita selesaikan. Dari mulai menampilkan data dari database lalu jika kita melakukan klik dua kali maka akan muncul input text untuk melakukan edit data dan jika kita melakukan blur ada kondisi untuk mengecek apakah data berubah atau tidak. Jika berubah makan akan melakukan request update ke database dan hasil edit akan langsung ditampilkan disambung dengan notifikasi bahwa data berhasil di edit.

Demikian artikel tentang cara Membuat Live Edit Menggunakan Ajax Javascript Part3. Semoga dapat bermanfaat dan selamat mencoba.