Postingan lainnya
post data dengan ajax tidak terkirim menggunakan sweet alert
saya sedang membuat form aplikasi untuk surat, dan setelah klik button akan memanggil form dengan modal bootstrap, dan ada tombol submit data yang menggunakan sweet alert, sweet alert berjalan tapi data tidak terkirim alias blank. mohon bantuannya untuk solve case ini, sudah cari di stackoverflow tapi pas di coba masih gagal.
var nk = $('#nk'); //ini id untuk field nama
$( "#target" ).click(function() {
swal({
title: "Submit Surat Persetujuan ?",
text: "pastikan sudah mengisi semua kolom yang dibutuhkan",
icon: "info",
buttons: true,
dangerMode: true,
}).then(function()
{
$.ajax({
url: "databank.php",
type: "POST",
data: {"nk":nk},
cache: false,
success: function(data)
{
swal("Data Terkirim",
{
icon: "success",
});
},
failure: function(data)
{
swal("Data gagal terkirim",
{
icon: "error",
});
}
});
});
});
dan satu masalah lagi, setelah di klik submit swal muncul, tapi form ga tertutup cuman swalnya aja yang fade out, formnya engga. apa ada yang salah ya ? mohon bantuannya.
2 Jawaban:
<div>Seperti nya kamu ada kesalahan disini : </div><pre>$.ajax({ url: "databank.php", type: "POST", data: {"nk":nk}, cache: false,</pre><div><br></div><div>Dari saya belajar dulu ajax, </div><pre>data: {"nk":nk},</pre><div>itu tidak pakai :</div><pre> ""</pre><div>Jadi seharusnya kamu pakai ini :</div><pre>$.ajax({ url: "databank.php", type: "POST", data: {nk : nk}, cache: false,</pre><div>Jadi seperti itu, ouh ya jangan lupa load jquery ajax nya. bisa dari google / dll....<br><br>Dan jangan lupa kalau di file databank.php untuk nk itu seperti ini :</div><pre>$_POST['nk'];</pre><div>Semoga Berhasil!<br><br>Kalau belum berhasil bisa lihat video ini : <a href="https://youtu.be/Uesavd9RX_E">https://youtu.be/Uesavd9RX_E</a><br><br>Atau kelas sekolah koding ini : <br><a href="https://sekolahkoding.com/kelas/crud-dengan-ajax">https://sekolahkoding.com/kelas/crud-dengan-ajax</a></div>
<div>Gunakan val atau value untuk mengambil nilai yang berasal dari form input.<br>Baris ini : </div><pre>var nk = $('#nk');</pre><div>coba diubah menjadi :<br><br></div><pre>var nk = $('#nk').val(); //Pakai fungsi dari jQuery atau var nk = document.getElementById("nk").value; //Pakai javascript murni</pre><div><br>Semoga berhasil.</div>
