Hantar permintaan segerak dalam jquery

Dengan pembangunan berterusan teknologi hadapan, Ajax telah menjadi bahagian penting dalam pembangunan harian kami. Sebagai salah satu perpustakaan alat paling popular di dunia hadapan, jQuery juga menyediakan banyak API berkaitan Ajax. Antaranya, kaedah jQuery.ajax() ialah salah satu kaedah yang paling biasa digunakan. Ia boleh digunakan untuk menghantar permintaan tak segerak dan memproses data pemulangan. Walau bagaimanapun, dalam beberapa senario, kami mungkin perlu menghantar permintaan segerak. Nah, artikel ini akan memperkenalkan cara menghantar permintaan segerak dalam jQuery.

1. Permintaan segerak dan permintaan tak segerak

Sebelum kami mula memperkenalkan cara menghantar permintaan segerak dalam jQuery, kami perlu terlebih dahulu memahami konsep permintaan tak segerak dan permintaan segerak.

Permintaan tak segerak: Permintaan tak segerak merujuk kepada kaedah permintaan di mana penyemak imbas tidak menunggu pelayan membalas selepas permintaan dan terus melaksanakan skrip berikutnya. Dalam erti kata lain, permintaan tak segerak boleh dikatakan sebagai "permintaan tidak menyekat" kerana ia tidak akan memberi banyak kesan kepada antara muka pengguna.

Permintaan segerak: Permintaan segerak merujuk kepada kaedah permintaan di mana penyemak imbas perlu menunggu respons pelayan selepas meminta sebelum meneruskan melaksanakan skrip berikutnya. Berbanding dengan permintaan tak segerak, permintaan segerak akan menyekat pelaksanaan antara muka pengguna dan membawa pengalaman interaktif yang buruk kepada pengguna, jadi ia biasanya tidak disyorkan.

2. Kaedah menghantar permintaan segerak

Dalam jQuery, kita boleh menggunakan kaedah $.ajaxSetup() untuk menetapkan pilihan permintaan Ajax lalai untuk melaksanakan permintaan segerak. Langkah pelaksanaan khusus adalah seperti berikut:

1. Pertama, kita perlu menetapkan pilihan async bagi kaedah $.ajaxSetup() kepada palsu, iaitu menukar permintaan tak segerak kepada permintaan segerak.

$.ajaxSetup({
async: false
});

2. Kemudian, kita boleh menggunakan kaedah $.ajax() untuk menghantar permintaan segerak , penggunaannya adalah sama seperti permintaan tak segerak. Berikut ialah contoh permintaan segerak yang mudah:

$.ajax({
url: 'test.php', // Alamat antara muka belakang
taip: 'POST', // Kaedah permintaan
data: {

name: '张三',
age: 20

}, // Permintaan parameter
kejayaan: fungsi (res) {

console.log(res);

}, // Kejayaan fungsi panggil balik
ralat : fungsi (xhr, textStatus, errorThrown) {

console.log(textStatus);

} // Gagal fungsi panggil balik
});

Dalam kod di atas, url mewakili alamat antara muka bahagian belakang dan jenis mewakili permintaan kaedah, data mewakili parameter permintaan, kejayaan mewakili fungsi panggil balik kejayaan, dan ralat mewakili fungsi panggil balik kegagalan Untuk kegunaan tertentu, sila rujuk dokumentasi rasmi jQuery. Perlu diingat bahawa apabila menghantar permintaan segerak, kerana pilihan async kaedah ajaxSetup() ditetapkan kepada palsu, permintaan itu akan menghalang penyemak imbas daripada melaksanakan skrip seterusnya sehingga permintaan itu selesai.

3. Langkah berjaga-jaga

Walaupun menghantar permintaan segerak diperlukan dalam beberapa senario khas, ia sering menghalang pelaksanaan skrip seterusnya, menyebabkan halaman menjadi beku atau masalah lain. Oleh itu, kita perlu memberi perhatian kepada perkara berikut:

1. Permintaan segerak akan menyekat pelaksanaan penyemak imbas dan harus dielakkan jika perlu.
2. Apabila menghantar permintaan segerak, pastikan antara muka hujung belakang yang diminta boleh bertindak balas dengan cepat, jika tidak, pengguna mungkin menunggu untuk masa yang lama.
3. Jika permintaan segerak mesti digunakan, adalah disyorkan untuk menambah kesan "Memuatkan" sebelum permintaan untuk meningkatkan pengalaman pengguna.

4. Ringkasan

Artikel ini memperkenalkan kaedah menghantar permintaan segerak dalam jQuery, dan mengingatkan semua orang tentang butiran yang perlu diberi perhatian apabila menggunakan permintaan segerak. Perlu ditegaskan bahawa dalam kebanyakan senario, permintaan tak segerak sudah boleh memenuhi keperluan kami dan mengelakkan masalah seperti pegun halaman. Oleh itu, dalam pembangunan projek, kita harus menggunakan permintaan tak segerak sebanyak mungkin dan mengurangkan kekerapan permintaan segerak.

Atas ialah kandungan terperinci Hantar permintaan segerak dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!