Saya mencoba untuk mengirimkan formulir HTML menggunakan AJAX menggunakan contoh ini .
Kode HTML saya:
<form id="formoid" action="studentFormInsert.php" title="" method="post">
<div>
<label class="title">First Name</label>
<input type="text" id="name" name="name" >
</div>
<div>
<label class="title">Name</label>
<input type="text" id="name2" name="name2" >
</div>
<div>
<input type="submit" id="submitButton" name="submitButton" value="Submit">
</div>
</form>
Skrip saya:
<script type="text/javascript">
$(document).ready(function() {
$('#formoid').ajaxForm(function() {
alert("Thank you for your comment!");
});
});
</script>
Ini tidak berfungsi, saya bahkan tidak mendapatkan pesan peringatan dan ketika saya mengirimkan saya tidak ingin mengalihkan ke halaman lain, saya hanya ingin menampilkan pesan peringatan.
Apakah ada cara sederhana untuk melakukannya?
PS: Saya ada beberapa bidang, saya kasih contoh saja dua.
jquery
ajax
form-submit
Oliveira
sumber
sumber
Jawaban:
Deskripsi Cepat AJAX
AJAX hanyalah Asyncronous JSON atau XML (dalam kebanyakan situasi yang lebih baru JSON). Karena kami melakukan tugas ASYNC, kami kemungkinan besar akan memberikan pengalaman UI yang lebih menyenangkan kepada pengguna. Dalam kasus khusus ini kami melakukan pengiriman FORM menggunakan AJAX.
Benar-benar cepat ada 4 tindakan web umum
GET
,POST
,PUT
, danDELETE
; ini secara langsung sesuai denganSELECT/Retreiving DATA
,INSERTING DATA
,UPDATING/UPSERTING DATA
, danDELETING DATA
. Formulir web HTML / ASP.Net default / PHP / Python atauform
tindakan lainnya adalah "mengirimkan" yang merupakan tindakan POST. Karena itu, di bawah ini semuanya akan menjelaskan melakukan POST. Namun terkadang dengan http Anda mungkin menginginkan tindakan yang berbeda dan mungkin ingin memanfaatkannya.ajax
.Kode saya khusus untuk Anda (dijelaskan dalam komentar kode):
Dokumentasi
Dari
$.post
dokumentasi situs jQuery .Contoh : Mengirim data formulir menggunakan permintaan ajax
Contoh : Posting formulir menggunakan ajax dan masukkan hasilnya ke dalam div
Catatan penting
Tanpa menggunakan OAuth atau minimal HTTPS (TLS / SSL) jangan gunakan metode ini untuk data aman (nomor kartu kredit, SSN, apa pun yang terkait dengan PCI, HIPAA, atau login)
sumber
beforeSend: function (xhr) { xhr.setRequestHeader("Authorization", "*****"); xhr.setRequestHeader("contentType", "application/json;charset=UTF-8"); },
Tapi ini tidak mengatur header apapun$.ajax
yang saya dapat menulis contoh jika Anda mau tetapi itu benar-benar pertanyaan yang terpisahsumber
Jika Anda menambahkan:
Anda cukup melakukan ini:
CATATAN:
Anda dapat menggunakan $ ('FORM'). Serialize () sederhana seperti yang disarankan dalam posting di atas, tetapi itu tidak akan berfungsi untuk FILE INPUTS ... ajaxForm () akan.
sumber