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.

avatar Query
@Query

61 Kontribusi 6 Poin

Diperbarui 5 tahun yang lalu

Tanggapan

jadi yang berhasil tersimpan apa gan kalau kosong?

data yg tersimpan null semua mas hilman,

3 Jawaban:

Hi @Query,

  1. cek bagian form datanya bener masuk apa ga? (dump aja di php nya)
  2. untuk kirim data form coba gini deh:

<pre> $('#formInput').on("submit", function(e) { var $form = $(this); ... ... $.ajax({ ... ... data: $form.serialize(), ... }); </pre>

avatar apake1
@apake1

106 Kontribusi 55 Poin

Dipost 5 tahun yang lalu

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.}

avatar hilmanski
@hilmanski

2670 Kontribusi 2132 Poin

Dipost 5 tahun yang lalu

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.

avatar Query
@Query

61 Kontribusi 6 Poin

Dipost 5 tahun yang lalu

Login untuk ikut Jawaban