Untuk artikel ini adalah sambungan dari artikel saya sebelumnya yang berjudul menampilkan data dari database, jika teman-teman baru saja bergabung, teman-teman bisa lihat terlebih dahulu artikel saya sebelumnya, silahkan click disini, jika teman-teman sudah bergabung sebelumnya bisa langsung lanjut ke artikel kali ini mengenai cara mudah insert data dengan ajax jquery, jadi masih sama disini kita akan coba memasukannya ke database ya teman-teman, oke seperti apa simak terus ya teman-teman.
Cara Mudah Insert Data dengan Ajax jQuery
Jika teman-teman sebelumnya sudah pernah belajar tentang bahasa pemrograman PHP, dan sudah belajar tentang CRUD pasti pernah mencoba memasukan data baru di database, dan apa yang terjadi, yang terjadi adalah ketika kita insert datanya, maka halaman itu akan reload, walaupun tidak begitu kelihatan, karena konten yang kita pakai masih sedikit, coba bayangkan jika sudah banyak, pasti membutuhkan waktu lama untuk reload konten yang ada di website tersebut.
Tentunya untuk cara mudah insert data dengan ajax jquery, teman-teman saya harapkan sudah mempunyai basic PHPnya, karena kita membutuhkan itu juga. dan jika teman-teman sudah baca artikel saya yang sebelumnya tentang menampilkan data, sebenarnya saya sudah memasukan stuktur HTML untuk bagian form insert, seperti ini:
silahkan teman-teman perbesar saja, dan jangan lupa di struktur atas saya memberikan dua button submit, yang pertama adalah untuk insert dan yang kedua untuk update, untuk bagian update, silahkan teman-teman hide dulu ya, dengan method jquery hide() seperti ini:
$(".updateMurid").hide()
karena saya berikan dengan nama class .updateMurid, oke selanjutnya kebagian ajaxnya, saya menuliskan seperti ini:
Untuk bagian insert method yang saya gunakan adalah metode ajax, dimana dengan method POST, dengan url data.php, berarti value yang saya masukan pada variabel ini akan kita bawa ke data.php, oke langsung saja kita ke web service nya data.php
oiya disini saya menggunakan data type dimana berfungsi kita membuat satu web service dengan type yang berbeda, karena ini bertype simpan maka yang di proses web service bagian simpan, seperti itu, oke silahkan teman-teman lihat saja, teman-teman tinggal masukan lagi ke dalam variabel PHP dan kita masukan dalam sql insert nya, mungkin jika teman-teman sudah belajar PHP mudah ya, oke sekarang kita lihat langsung, kita coba insert datanya.
dan setelah di insert, maka akan muncul di bawah, seperti di gambar di bawah.
bagaimana apakah ada yang berhasil, jika bingung bisa comment ya, dan saya rasa cukup sampai disini dulu belajar kita tentang cara mudah insert data dengan ajax jquery, semoga bermanfaat dan sampai jumpa pada artike selanjutnya.