Hallo teman-teman Dumet School, Kembali lagi dengan saya Shelli Ripati di Kursus Web Design. Kali ini saya akan membahas tentang cara Membuat Input Data Dengan Ajax Javascript Part2. Dimana pembahasan ini melanjutkan pembahasan sebelumnya di part satu yang sudah membahas tentang membuat database dan struktur html untuk pembuatan form input. Nah yang akan kita buat selanjutnya adalah function ajax, event submit dan script php untuk simpan data.

Event submit untuk Membuat Input Data Dengan Ajax Javascript Part2 sebagai berikut ini. Teman-teman bisa lihat scriptnya di bawah ini dimana data form yang saya ambil dengan menggunakan metode new FormData yang berfungsi mengambil data yang ada di form melalui namenya masing-masing.

Jika sudah selesai kita lanjutkan untuk membuat function ajax javascript untuk mengirimkan data yang akan disimpan. Dan berikut scriptnya ya teman-teman.

Nah, langkah terakhir kita buat file dengan format php untuk melakukan simpan data ke database dengan nama file store.php yang saya simpan di dalam folder app. Berikut ini scriptnya.

Nah disini teman-teman bisa perhatikan variable output yang saya kirim  dengan menggunakan json encode agar bisa di  json parse di dalam javascriptnya.

Dan jika sudah selesai maka tampilan setelah data tersimpan akan seperti gambar di bawah ini. Dimana ada pesan alert yang keluar dari variable output yang sudah di buat.

Membuat Input Data Dengan Ajax Javascript Part2

Demikian artikel tentang cara Membuat Input Data Dengan Ajax Javascript Part2. Semoga dapat bermanfaat dan selamat mencoba.