Tetapkan imej pemuatan menggunakan kaedah ajaxSetup()
jQuery
Berikut adalah coretan kod jQuery yang mudah yang menggunakan kaedah ajaxSetup()
untuk menyediakan imej pemuatan supaya imej pemuatan dipaparkan setiap kali permintaan AJAX dihantar dan imej pemuatan tersembunyi apabila permintaan kembali. Oleh kerana fungsi .load()
seolah -olah mengabaikan (atau mengatasi) fungsi complete
, kod yang sama untuk fungsi complete
dan success
dimasukkan. Demo
$.ajaxSetup({ beforeSend: function() { $('#general-ajax-load').fadeIn(); }, complete: function() { $('#general-ajax-load').fadeOut(); }, success: function() { $('#general-ajax-load').fadeOut(); } });
jQuery.ajaxSetup () terutamanya digunakan untuk menetapkan nilai lalai untuk permintaan Ajax masa depan. Ini adalah kaedah global yang mempengaruhi semua panggilan AJAX dan oleh itu biasanya digunakan untuk menentukan satu set pilihan lalai yang akan digunakan untuk semua permintaan AJAX berikutnya. Ini amat berguna apabila anda ingin menggunakan tetapan yang sama (seperti tamat masa atau cache) dalam pelbagai permintaan AJAX.
Walaupun jQuery.ajaxSetup () dan jQuery.ajax () digunakan untuk mengendalikan permintaan Ajax, tujuan mereka berbeza. jQuery.ajaxSetup () digunakan untuk menetapkan nilai lalai untuk permintaan Ajax masa depan, manakala jQuery.ajax () digunakan untuk membuat permintaan AJAX tunggal. Tetapan yang ditakrifkan dalam jQuery.ajaxSetup () akan digunakan untuk semua permintaan Ajax, termasuk yang dikeluarkan dengan jQuery.ajax ().
Ya, anda boleh mengatasi tetapan yang ditakrifkan dalam jQuery.ajaxSetup () untuk permintaan AJAX tunggal. Apabila anda membuat permintaan AJAX menggunakan jQuery.ajax (), anda boleh menentukan pilihan yang hanya digunakan untuk permintaan khusus itu. Pilihan ini akan diutamakan atas nilai lalai yang ditetapkan dalam jQuery.ajaxSetup ().
beberapa pilihan biasa yang boleh ditetapkan dalam jQuery.ajaxsetup () termasuk "async", "cache", "contentType", "data", "datatype", "ifmodified", "jsonpcallback" r ". Setiap pilihan ini memainkan peranan khusus dalam mengawal bagaimana permintaan Ajax dibuat dan bagaimana tindak balas ditangani.
Walaupun jQuery.ajaxSetup () sendiri tidak menyediakan pilihan untuk secara langsung menubuhkan pemuatan imej, anda boleh melakukan ini menggunakan pengendali acara Ajax global. Sebagai contoh, anda boleh menggunakan acara "AjaxStart" untuk memaparkan imej yang dimuatkan pada permulaan permintaan Ajax dan menyembunyikan imej menggunakan acara "Ajaxstop" apabila permintaan selesai.
Ya, tetapan yang ditakrifkan dalam jQuery.ajaxSetup () dikenakan untuk semua kaedah jQuery Ajax, termasuk jQuery.get (), jQuery.post (), dan jQuery.load (). Tetapan lalai digunakan kecuali ditindih dalam satu permintaan AJAX.
Anda boleh mengendalikan kesilapan dalam jQuery.ajaxSetup () dengan menentukan pilihan "ralat". Pilihan ini mengambil fungsi yang akan dipanggil jika permintaan AJAX gagal. Fungsi ini boleh mengambil tiga parameter: objek JQXHR, rentetan yang menerangkan jenis ralat, dan (jika ia berlaku) objek pengecualian pilihan.
Ya, anda boleh menetapkan tajuk lalai untuk semua permintaan AJAX menggunakan pilihan "Headers" dalam jQuery.ajaxSetup (). Pilihan "Headers" mengambil objek di mana setiap pasangan nilai utama mewakili nama header dan nilainya.
Walaupun jQuery.ajaxSetup () boleh digunakan untuk menetapkan pilihan Ajax lalai, ia harus digunakan dengan berhati -hati kerana ia mempengaruhi semua permintaan AJAX. Jika anda hanya perlu menetapkan pilihan untuk permintaan tertentu, biasanya lebih baik untuk menetapkannya secara langsung dalam panggilan JQuery.ajax () atau kaedah Ajax yang lain.
Ya, anda boleh menyegarkan atau menetapkan semula nilai lalai yang ditetapkan dalam jQuery.ajaxSetup () dengan memanggil kaedah dengan objek kosong. Ini akan membersihkan semua pilihan lalai yang telah ditetapkan sebelum ini.
Jawapan yang disemak semula ini mengekalkan imej asal dan menggunakan struktur ayat yang lebih banyak dan perbendaharaan kata untuk mencapai pseudo-asal semasa memelihara makna.
Atas ialah kandungan terperinci ajaxsetup untuk memuatkan gambar. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!