Rumah >hujung hadapan web >tutorial js >Pengenalan kepada penggunaan kaedah beforeSend jquery.ajax_jquery

Pengenalan kepada penggunaan kaedah beforeSend jquery.ajax_jquery

WBOYasal: 2016-05-16 16:28:291766semak imbas

Kesan biasa ialah apabila membuat permintaan ajax, ikon pemuatan berputar kecil atau "Pemuatan kandungan..." akan muncul sebelum kembali, untuk memaklumkan pengguna bahawa data sedang diminta. Ini boleh dicapai menggunakan kaedah beforeSend.

Muat turun demo: pemuatan ajax

Kod adalah seperti berikut:

Salin kod Kod adalah seperti berikut:

function test_ajax(){
$.ajax(
{
Jenis: "GET", // Biasanya dua jenis digunakan: GET dan POST. Lalainya ialah: GET
URL: "a.php", // (Lalai: alamat halaman semasa) Alamat untuk menghantar permintaan
DataType: "html", //Jenis data yang dijangka akan dikembalikan oleh pelayan.
sebelumSend:beforeSend, //Hantar permintaan
Success:callback, //Minta berjaya
error:error,//request error
complete:complete//Permintaan selesai
});
}
ralat fungsi(XMLHttpRequest, textStatus, errorThrown){
// Biasanya hanya satu textStatus dan errorThown mempunyai nilai
$("#showResult").append("

Ralat permintaan!

");
}
fungsi beforeSend(XMLHttpRequest){
$("#showResult").append("

");
}
fungsi selesai(XMLHttpRequest, textStatus){
$("#showResult").remove();
}
fungsi panggil balik(msg){
$("#showResult").append("

Minta berjaya, nombor dikembalikan:" msg "

");
}

Kaedah beforeSend digunakan untuk menambah beberapa fungsi pemprosesan sebelum menghantar permintaan ke pelayan. Ini ialah peristiwa ajax, yang dicetuskan sebelum permintaan ajax bermula. Ia biasanya membenarkan pengguna mengubah suai objek XMLHttpRequest (seperti menetapkan maklumat pengepala tambahan, sila rujuk dokumentasi: http://docs.jquery.com/Ajax_Events

Kami juga telah melihat situasi di mana banyak tapak web memberikan gesaan "pemuatan data, sila tunggu" semasa proses memuatkan kandungan, dan memaparkan kandungan selepas kandungan dimuatkan. Anda boleh menetapkan teks lalai untuk dipaparkan sebagai gesaan pemuatan Apabila kandungan dimuatkan, kami boleh menggantikan teks dalam teg dengan kandungan akhir melalui pemilih ID. Gunakan ini untuk menggantikan beforeSend, yang lebih cekap.

Bila untuk digunakan sebelumHantar dan bila untuk menggunakan penggantian teks bergantung pada sama ada elemen DOM yang anda paparkan sebelum dan selepas permintaan ajax adalah konsisten Jika elemen DOM yang anda paparkan sudah wujud sebelum permintaan, maka gunakan kaedah penggantian teks di atas mengendalikannya. Ia akan menjadi lebih baik Jika anda perlu menambah keperluan lain sebagai tambahan, kemudian gunakan sebelumHantar untuk mengendalikannya.

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Perbincangan tentang idea pengaturcaraan rangka kerja kelas MVW untuk pengetahuan pengenalan AngularJS_AngularJSArtikel seterusnya：Perbincangan tentang idea pengaturcaraan rangka kerja kelas MVW untuk pengetahuan pengenalan AngularJS_AngularJS

Artikel berkaitan

Lihat lagi