Lebih
jQuery Ajax POST contoh dengan PHP
Saya mencoba untuk mengirimkan data dari form ke database. Berikut adalah form saya menggunakan:
<form name="foo" action="form.php" method="POST" id="foo">
<label for="bar">A bar</label>
<input id="bar" name="bar" type="text" value="" />
<input type="submit" value="Send" />
</form>
Khas pendekatan yang akan menyerahkan formulir, tetapi hal ini menyebabkan browser untuk mengarahkan. Menggunakan jQuery dan Ajax, adalah mungkin untuk menangkap semua bentuk's data dan mengirimkannya ke sebuah script PHP (contoh, form.php)?
652
14
Penggunaan dasar dari
.ajax
akan terlihat seperti ini:HTML:
jQuery:
Catatan: Sejak jQuery 1.8,
.sukses()
,.kesalahan()
dan.lengkap()
adalah usang dalam mendukung.dilakukan()
,.gagal()
dan.selalu()
.Catatan: Ingat bahwa potongan di atas harus dilakukan setelah DOM siap, sehingga anda harus memasukkannya ke dalam
$(document).siap()
handler (atau menggunakan$()
singkatan).Tip: Anda dapat chain callback penangan seperti ini:
$.ajax().dilakukan().gagal().selalu();
PHP (yaitu, form.php):
Note: Selalu membersihkan diposting data, untuk mencegah suntikan dan kode berbahaya lainnya.
Anda juga bisa menggunakan singkatan
.posting
di tempat.ajax
di atas kode JavaScript:Catatan: di atas kode JavaScript yang dibuat untuk bekerja dengan jQuery 1.8 dan kemudian, tetapi harus bekerja dengan versi sebelumnya turun ke jQuery 1.5.
Untuk membuat permintaan Ajax menggunakan jQuery* anda dapat melakukan ini dengan kode berikut.
HTML:
JavaScript:
Metode 1
Metode 2
The
.sukses()
,.kesalahan()
, dan.lengkap()
callback yang usang pada jQuery 1.8. Untuk mempersiapkan kode anda untuk akhirnya mereka removal, gunakan.dilakukan()
,.gagal()
, dan.selalu()
sebagai gantinya.MDN: abort()
. Jika permintaan telah dikirim sudah, metode ini akan membatalkan permintaan tersebut.Jadi kami telah berhasil mengirim permintaan Ajax, dan sekarang itu's waktu untuk mengambil data ke server.
PHP
Seperti yang kita membuat POSTING permintaan di Ajax call (
jenis: "post"
), kita sekarang dapat mengambil data-data baik menggunakan$_REQUEST
atau$_POST
:Anda juga dapat melihat apa yang anda dapatkan di POSTING permintaan dengan cukup baik. BTW, pastikan bahwa
$_POST
diatur. Jika tidak, anda akan mendapatkan error.Dan anda memasukkan nilai ke dalam database. Pastikan anda kepekaan atau melarikan diri Semua permintaan anda (apakah anda membuat GET atau POST) dengan benar sebelum membuat query. Yang terbaik akan menggunakan pernyataan siap.
Dan jika anda ingin mengembalikan data kembali ke halaman, anda dapat melakukannya dengan hanya bergema bahwa data-data seperti di bawah ini.
Dan kemudian anda bisa mendapatkan hal seperti:
Ada beberapa singkatan metode. Anda dapat menggunakan kode di bawah ini. Ia melakukan pekerjaan yang sama.
Saya ingin berbagi cara yang rinci tentang bagaimana untuk posting dengan PHP + Ajax bersama dengan kesalahan dilemparkan kembali pada kegagalan.
Pertama-tama, membuat dua file, misalnya
form.php
danprocess.php
.Pertama-tama kita akan membuat sebuah
bentuk
yang kemudian akan disampaikan dengan menggunakanjQuery
.ajax()
metode. Sisanya akan dijelaskan di komentar.form.php
Validasi form menggunakan jQuery validasi sisi klien dan melewati data ke
process.php
.Sekarang kita akan lihat di
process.php
Proyek file dapat didownload dari http://projects.decodingweb.com/simple_ajax_form.zip.
Anda dapat menggunakan cerita bersambung. Di bawah ini adalah contoh.
HTML:
JavaScript:
Saya menggunakan cara yang ditunjukkan di bawah ini. Ia menyerahkan segala sesuatu seperti file.
Jika anda ingin mengirim data menggunakan jQuery Ajax maka tidak perlu tag form dan submit
Contoh:
Penanganan Ajax kesalahan dan loader sebelum dikirim dan setelah mengirimkan sukses menunjukkan peringatan boot kotak dengan sebuah contoh:
Saya menggunakan ini sederhana satu baris kode selama bertahun-tahun tanpa masalah (hal ini membutuhkan jQuery):
Di sini ap() berarti halaman Ajax dan af() berarti suatu bentuk Ajax. Dalam bentuk, hanya memanggil af() fungsi akan mengirim formulir untuk URL dan beban respon yang diinginkan pada elemen HTML.
Silakan periksa ini. Ini adalah lengkap Ajax permintaan kode.
Sejak diperkenalkannya Mengambil API benar-benar ada alasan lagi untuk melakukan hal ini dengan jQuery Ajax atau XMLHttpRequests. Untuk mengirim data formulir untuk PHP-script di vanilla JavaScript anda dapat melakukan hal-hal berikut:
Berikut ini adalah sebuah contoh yang sangat dasar dari PHP-script yang mengambil data dan mengirim email:
Ini adalah artikel yang sangat baik]1 yang berisi segala sesuatu yang anda perlu tahu tentang jQuery form pengajuan.
Ringkasan artikel:
Sederhana HTML Kirim Formulir
HTML:
JavaScript:
HTML Multipart/form-data Kirim Formulir
Untuk meng-upload file ke server, kita dapat menggunakan FormData antarmuka yang tersedia untuk XMLHttpRequest2, yang membangun sebuah FormData objek dan dapat dikirim ke server dengan mudah menggunakan jQuery Ajax.
HTML:
JavaScript:
Saya harap ini membantu.
Di file php anda masukkan:
dan di file js kirim ajax dengan objek data
atau tetap seperti ini dengan bentuk-submit. Yang anda butuhkan hanya ini, jika anda ingin mengirim dimodifikasi permintaan dihitung dengan konten tambahan dan tidak hanya beberapa form-data yang dimasukkan oleh klien. Misalnya hash, timestamp, id, sessionid dan sejenisnya.