Rumah >hujung hadapan web >tutorial js >Ajax sebelum jQuery 1.8 dan selepas
3 Berikut adalah nota cepat Ajax sebelum JQuery 1.8 dan versi yang lebih baru. Jangan lupa .success () dan .error () masih disokong dalam jQuery 1.9.1 Jadi ia tidak akan memecahkan kod lama dan plugin yang anda gunakan. Saya juga telah membuat beberapa contoh jQuery.ajax () baru jQuery 1.9 jadi periksa mereka!
Notis Decrecation: JQXHR.SUCCESS (), JQXHR.Error (), dan JQXHR.COMPLETE () CALLBACKS ADALAH DISEDIAKAN SEBAGAI JQUERY 1.8. Untuk menyediakan kod anda untuk penghapusan akhirnya, gunakan jqxhr.done (), jqxhr.fail (), dan jqxhr.always () sebaliknya.
Dapatkan HTML Menggunakan Ajax Sebelum JQuery 1.8
Dapatkan HTML Menggunakan Ajax JQuery 1.8
$<span>.ajax({ </span> <span>url: 'test.html', </span> <span>dataType: 'html', </span> <span>success: function (data<span>, textStatus, xhr</span>) </span> <span>{ </span> <span>console.log(data); </span> <span>}, </span> <span>error: function (xhr<span>, textStatus, errorThrown</span>) </span> <span>{ </span> <span>console.log('error: '+textStatus); </span> <span>} </span><span>});</span>Apakah kepentingan Beforesend dalam Ajax dan JQuery 1.8? , Xmlhttprequest) Objek sebelum dihantar. Ia membolehkan anda memanipulasi permintaan sebelum dihantar ke pelayan. Ini berguna untuk menambah tajuk atau menetapkan pilihan lain atas permintaan. Sekiranya fungsi BeforeSend mengembalikan palsu, permintaan itu tidak akan dihantar. asynchronously atau tidak. Jika ditetapkan untuk benar, JavaScript akan terus melaksanakan sementara permintaan sedang diproses. Pilihan Beforesend boleh digunakan bersempena dengan Async untuk mengubah suai permintaan sebelum ia dihantar, walaupun permintaan itu tidak segerak. 🎜> Anda boleh menggunakan pilihan Beforesend dan lengkap dalam tindakan Ajax untuk membakar sebelum dan selepas setiap panggilan Ajax. Fungsi beforesend akan dipanggil sebelum permintaan dihantar, dan fungsi lengkap akan dipanggil setelah permintaan selesai, tanpa mengira sama ada ia berjaya atau tidak. JQuery?
<span>// cache: false is used to fetch the latest version </span> $<span>.ajax({ </span> <span>url: "test.html", </span> <span>cache: false </span><span>}) </span><span>.done(function(data<span>, textStatus, jqXHR</span>) </span><span>{ </span> <span>console.log(data); </span><span>}) </span><span>.fail(function(jqXHR<span>, textStatus, errorThrown</span>) </span><span>{ </span> <span>console.log('error: '+textStatus); </span><span>});</span>
Anda boleh menggunakan pilihan Jenis dalam AJAX untuk menentukan jenis permintaan untuk dibuat. Jika anda menetapkan ini kepada "pos", permintaan pos akan dibuat. Anda kemudian boleh menggunakan pilihan data untuk menghantar data dengan permintaan. Kaedah pada objek JQXHR yang dikembalikan oleh $ .ajax (). Ini akan segera menamatkan permintaan. Letakkannya ke dalam elemen tertentu. Kaedah ini menggunakan Ajax di belakang tabir untuk membuat permintaan. Anda hanya lulus URL sumber yang anda mahu muatkan dan fungsi panggil balik untuk dilaksanakan apabila permintaan selesai.
Atas ialah kandungan terperinci Ajax sebelum jQuery 1.8 dan selepas. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!