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:

cara mudah insert data dengan ajax jquery

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:

karena saya berikan dengan nama class .updateMurid, oke selanjutnya kebagian ajaxnya, saya menuliskan seperti ini:

cara mudah insert data dengan ajax jquery

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

cara mudah insert data dengan ajax jquery

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.

cara mudah insert data dengan ajax jquery

dan setelah di insert, maka akan muncul di bawah, seperti di gambar di bawah.

cara mudah insert data dengan ajax jquery

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.