Rumah > Artikel > hujung hadapan web > jquery kaedah permintaan ajax dan menggesa pengguna bahawa ia sedang diproses, sila tunggu.
Untuk meningkatkan pengalaman pengguna, kami biasanya memberikan gesaan seperti "Memproses, sila tunggu!" Kita boleh mencapai dengan menetapkan parameter di bawah $.ajax() sebelumS
end() Saya tidak membezakannya apabila menggunakan $.ajax() untuk kali pertama. Terdapat perbezaan antara permintaan tak segerak Ajax dan permintaan segerak Apabila saya mula menggunakan permintaan segerak, banyak masalah muncul kemudian, terutamanya dari segi pengalaman.
Tak segerak dan segerak:
Penyegerakan bermakna satu bahagian program boleh dilaksanakan sebelum bahagian seterusnya boleh dilaksanakan Ia adalah mod penyekatan, dan fenomenanya pada halaman web ialah itu penyemak imbas akan mengunci halaman (iaitu halaman yang dipanggil status digantung status ), pengguna tidak boleh mengendalikan lain dan mesti menunggu permintaan semasa untuk mengembalikan data. Apabila menggunakan permintaan tak segerak, halaman tidak akan membeku.
Tingkatkan pengalaman pengguna:
Apabila pengguna menyerahkan data dan menunggu halaman mengembalikan hasil, kadangkala masa menunggu ini agak lama untuk meningkatkan pengalaman pengguna berikan " Memproses, sila tunggu!" dan gesaan lain. Kita boleh mencapai ini dengan menetapkan parameter beforeSend() di bawah $.ajax(),
cth:
kod kunci html
<p id="warning"></p>
js kod kunci dalam fail
$.ajax(function(){ . . . //省略了一些参数,这里只给出async 和 beforeSend async: false, //同步请求,默认情况下是异步(true) beforeSend: function(){ $('#warning').text('正在处理,请稍等!'); } });
Perhatikan bahawa jika anda menetapkan async: false mengikut penyegerakan, $('#warning').text('Memproses, sila tunggu!'); halaman. Jika Gantikan $('#warning').text('Memproses, sila tunggu!'); dengan makluman('ujian'); dilaksanakan. Tetapi jika saya menukarnya kepada sesuatu yang lain seperti $('#warning').text('Memproses, sila tunggu!'); Saya telah lama tertanya-tanya tentang isu ini, dan saya masih tidak tahu apa masalahnya.
Tukar permintaan segerak kepada permintaan tak segerak, dan masalah di atas akan hilang
beforeSend: function(){ $('#warning').text('正在处理,请稍等!'); }
akan dilaksanakan serta-merta.
Di atas ialah kaedah permintaan jquery ajax dan kandungan yang menggesa pengguna untuk menunggu semasa ia sedang diproses Untuk kandungan yang lebih berkaitan, sila perhatikan laman web PHP Cina (www.php.cn)!