Haloo teman-teman Dumet School. Di pembahasan sebelumnya saya sudah membuat database, table dan function load_ajax dinamis, function show untuk melakukan request database serta function generate_post untuk menampilkan data dengan innerHTML. Dalam Membuat Live Edit Menggunakan Ajax Javascript Part2 kita akan membuat file php untuk melakukan request tampil data serta membuat function double click dan blur pada table untuk dapat melakukan edit live.

Membuat Live Edit Menggunakan Ajax Javascript Part2 yang pertama kita harus buat file php agar melakukan request data ke database untuk menyelesaikan langkah menampilkan data menggunakan ajax javascript. Teman-teman buat file baru dengan nama database.php yang teman-teman simpan di folder app.

jika sudah selesai maka tampil data dengan menggunakan ajax javascript sudah kita selesaikan. Dengan begitu jika teman-teman buka di browser masing-masing maka akan tampak seperti pada gambar di bawah ini.

Langkah selanjutnya teman-teman buat function double click untuk menampilkan input text ketika kita melakukan klik dua kali di dalam file yang pertama kita buat dengan nama index.php. Dan berikut ini adalah scriptnya.

Jika sudah teman-teman buat function untuk event blur dan berikut ini scriptnya.

Ketika event blur dilakukan maka ada kondisi yang melakukan pengecekan antara data yang lama dengan data yang baru, jika ada perubahan maka function app.edit akan di jalankan dengan tiga data yang dikirim melalui parameter yang kemudian dilanjutkan dengan function app.show serta alert di jalankan.

Demikian artikel tentang Membuat Live Edit Menggunakan Ajax Javascript Part2. Kita akan lanjutkan untuk membuat function app.edit dan file update.php untuk menyelesaikan live edit menggunakan ajax javascript. Terima kasih