Postingan lainnya
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
Insert data dengan ajax
hallo master,
jadi saya ingin gabungkan sweetalert dengan ajax, untuk konfirmasi sebelum simpan data tersebut. ini script nya
<script type="text/javascript">
$('#formInput').on("submit", function(e){
e.preventDefault();
swal({
title: "Konfirmasi Simpan Data",
text: "Apakah Anda Ingin Simpan Data ? ",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#1da1f2",
confirmButtonText: "Simpan",
closeOnConfirm: false,
showLoaderOnConfirm: true,
}, function () {
$.ajax({
type : 'post',
url : 'beranda/tambah_data',
data : new FormData(this),
contentType : false,
cache : false,
processData : false,
success: function(){
swal("Success", "Data Employee Berhasil Di Simpan", "success");
setTimeout(function(){
window.location.href = "home";
}, 600);
},
error: function (xhr, ajaxOptions, thrownError) {
setTimeout(function(){
swal("Error", "Tolong Cek Koneksi Lalu Ulangi", "error");
}, 2000);
}
});
});
});
</script>
konfirmasi insert sudah berhasil tampil, dan sudah berhasil disimpan, data tersebut terkirim ke database, tetapi data tersebut kosong semua.
mohon bantuannya gan. Terima Kasih.
Tanggapan
jadi yang berhasil tersimpan apa gan kalau kosong?
data yg tersimpan null semua mas hilman,
3 Jawaban:
Hi @Query,
- cek bagian form datanya bener masuk apa ga? (dump aja di php nya)
- untuk kirim data form coba gini deh:
<pre> $('#formInput').on("submit", function(e) { var $form = $(this); ... ... $.ajax({ ... ... data: $form.serialize(), ... }); </pre>
Tanggapan
sudah ane test dengan code seperti itu gan, tetapi data nya tidak terkirim ke database
Jawaban Terpilih
betul dari agan @apake1, cara mengambil data dari form seperti ini $( this ).serialize()
Cek contoh kode php + html + sweetalert dari <a href=' https://gist.github.com/poszlo/8ca7032296a1f26b8ada '>github ini</a>
*cek juga di console apakah ada error atau tidak
Kalau masih tidak bisa, cara terakhir passing datanya satu persatu di data
data: {'name': $nama, dst.}
Tanggapan
kalo menggunakan .serialize() itu bisa kirim file gak mas ?
bisa atau tidak, langsung dicoba, jangan takut bereksperimen, setelah mencoba, silahkan share jawabannya disini, untuk bantu orang berikutnya
terima kasih untuk semua nya yg telah memberikan pencerahan.