Panduan Ringkas jQuery: Meneroka jQuery dan Ajax
jQuery ajax() fungsi ialah tahap abstraksi paling rendah
Fungsi ajax() jQuery ialah tahap abstraksi terendah yang tersedia untuk XMLHttpRequest (aka AJAX). Semua fungsi AJAX jQuery lain (seperti load()) menggunakan fungsi ajax(). Menggunakan fungsi ajax() menyediakan fungsi yang paling berkuasa untuk XMLHttpRequests. jQuery juga menyediakan abstraksi peringkat tinggi lain untuk melaksanakan jenis XMLHttpRequests yang sangat khusus. Fungsi ini pada asasnya adalah pintasan kepada kaedah ajax(). ajax() 函数是可用于 XMLHttpRequest（又名 AJAX）的最低抽象级别。所有其他 jQuery AJAX 函数（例如 load()）都利用 ajax() 函数。使用 ajax() 函数为 XMLHttpRequests 提供了最强大的功能。 jQuery 还提供了其他更高级别的抽象来执行非常特定类型的 XMLHttpRequests。这些函数本质上是 ajax() 方法的快捷方式。
这些快捷方法是：
加载()<code>get()<code>getJSON()<code>getScript()<code>post()
需要注意的是，虽然快捷方式有时很好，但它们都在幕后使用 ajax() 。而且，当您需要 jQuery 在 AJAX 方面提供的所有功能和自定义功能时，您应该使用 ajax() 方法。
注意：默认情况下，ajax() 和 load() AJAX 函数均使用 GET HTTP 协议。
jQuery 支持跨域 JSONP
带有填充的 JSON (JSONP) 是一种技术，允许 HTTP 请求（返回 JSON）的发送者为使用 JSON 对象作为函数参数进行调用的函数提供名称。该技术不使用 XHR。它使用脚本元素，因此可以将数据从任何站点拉入任何站点。目的是为了规避XMLHttpRequest的同源策略限制。
使用 <code>getJSON() jQuery 函数，当 URL 中添加 JSONP 回调函数时，您可以从另一个域加载 JSON 数据。作为示例，以下是使用 Flickr API 的 URL 请求的样子。
<span class="sgc-100">http://api.flickr.com/services/feeds/photos_public.gne?tags=resig&tagmode=all&format=json&jsoncallback</span>=?
? 值用作快捷方式，告诉 jQuery 调用作为 <code>getJSON() 函数的参数传递的函数。如果您不想使用此快捷方式，可以将 ? 替换为另一个函数的名称。
下面，我使用 Flickr JSONP API 拉入一个网页，其中包含带有“resig”标签的最新照片。请注意，我使用的是 ? 快捷方式，因此 jQuery 将简单地调用我提供的 <code>getJSON() 函数的回调函数。传递给回调函数的参数是请求的JSON数据。
<!DOCTYPE html>
<html lang="en">
<body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script> (function($){
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=resig&tagmode=all&format=json&jsoncallback=?",
// Using ? just means call the callback function provided
function (data) { // Data is the JSON object from Flickr
$.each(data.items, function (i, item) { $('<img />').attr("src", item.media.m).appendTo('body'); if (i == 30) return false; });
});
})(jQuery); </script>
</body>
</html>
注意：请确保检查您所使用的服务的 API 以便正确使用回调。例如，Flickr 使用名称 jsoncallback=?，而 Yahoo!和 Digg 使用名称 callback=?。
停止浏览器缓存 XHR 请求
执行 XHR 请求时，Internet Explorer 将缓存响应。如果响应包含具有较长保质期的静态内容，则缓存可能是一件好事。但是，如果请求的内容是动态的并且可能随时发生变化，您将需要确保浏览器不会缓存该请求。一种可能的解决方案是将唯一的查询字符串值附加到 URL 的末尾。这将确保浏览器对于每个请求请求唯一的 URL。
// Add unique query string at end of the URL url: 'some?nocache='+(newDate()).getTime()
另一个解决方案（更多的是全局解决方案）是默认设置所有 AJAX 请求以包含我们刚才讨论的无缓存逻辑。为此，请使用 ajaxSetup 函数全局关闭缓存。
$.ajaxSetup({
cache: false // True by default. False means caching is off.
});
现在，为了用单独的 XHR 请求覆盖此全局设置，您只需在使用 ajax() 函数时更改缓存选项即可。下面是使用 ajax()
Muat()<code>get()<code>getJSON()<code>getScript()<code>post()
ajax() di belakang tabir. Dan, apabila anda memerlukan semua ciri dan penyesuaian yang ditawarkan oleh jQuery dari segi AJAX, anda harus menggunakan kaedah ajax(). #🎜🎜#
#🎜🎜#Nota: Secara lalai, kedua-dua fungsi AJAX ajax() dan load() menggunakan GET protokol HTTP. #🎜🎜#
#🎜🎜#jQuery menyokong JSONP merentas domain#🎜🎜# #🎜🎜#JSON with padding (JSONP) ialah teknologi yang membenarkan penghantar permintaan HTTP (yang mengembalikan JSON) untuk memberikan nama untuk fungsi yang dipanggil dengan objek JSON sebagai parameter fungsi. Teknologi ini tidak menggunakan XHR. Ia menggunakan elemen skrip supaya data boleh ditarik dari mana-mana tapak ke mana-mana tapak. Tujuannya adalah untuk memintas sekatan dasar asal yang sama XMLHttpRequest. #🎜🎜# #🎜🎜#Menggunakan fungsi jQuery <code>getJSON(), anda boleh memuatkan data JSON daripada domain lain apabila menambahkan fungsi panggil balik JSONP pada URL. Sebagai contoh, berikut ialah rupa permintaan URL menggunakan API Flickr. #🎜🎜# #🎜🎜#
<span class="sgc-100">http://api.flickr.com/services/feeds/photos_public.gne?tags=resig&tagmode=all&format=json&jsoncallback</span> =?< /p>
#🎜🎜#Nilai ? digunakan sebagai pintasan untuk memberitahu jQuery supaya memanggil fungsi yang diluluskan sebagai argumen kepada fungsi <code>getJSON(). Jika anda tidak mahu menggunakan pintasan ini, anda boleh menggantikan ? dengan nama fungsi lain. #🎜🎜#
#🎜🎜# Di bawah, saya menggunakan API JSONP Flickr untuk memasukkan halaman web yang mengandungi foto terbaharu yang ditandakan dengan "resign". Ambil perhatian bahawa saya menggunakan pintasan ?, jadi jQuery hanya akan memanggil fungsi panggil balik fungsi <code>getJSON() yang saya sediakan. Parameter yang dihantar kepada fungsi panggil balik ialah data JSON yang diminta. #🎜🎜#
$.ajaxSetup ({
cache: false // True by default. False means caching is off.
});
jQuery.ajax({ cache: true, url: 'some', type: 'POST' } );
jsoncallback=?, manakala Yahoo! dan Digg menggunakan nama callback=?. #🎜🎜#
#🎜🎜#Hentikan pelayar menyimpan cache permintaan XHR#🎜🎜# #🎜🎜#Apabila melaksanakan permintaan XHR, Internet Explorer akan cache respons. Caching boleh menjadi perkara yang baik jika respons mengandungi kandungan statik dengan jangka hayat yang panjang. Walau bagaimanapun, jika kandungan permintaan adalah dinamik dan mungkin berubah pada bila-bila masa, anda perlu memastikan bahawa penyemak imbas tidak menyimpan cache permintaan tersebut. Satu penyelesaian yang mungkin adalah untuk menambahkan nilai rentetan pertanyaan yang unik pada penghujung URL. Ini akan memastikan bahawa penyemak imbas meminta URL unik untuk setiap permintaan. #🎜🎜# rrreee #🎜🎜#Penyelesaian lain (lebih daripada penyelesaian global) ialah menetapkan semua permintaan AJAX secara lalai untuk memasukkan logik tanpa cache yang baru kita bincangkan. Untuk melakukan ini, matikan caching secara global menggunakan fungsi
ajaxSetup. #🎜🎜#
rrreee
#🎜🎜#Kini, untuk mengatasi tetapan global ini dengan permintaan XHR individu, anda hanya boleh menukar pilihan cache apabila menggunakan fungsi ajax(). Di bawah ialah contoh kod yang melaksanakan permintaan XHR menggunakan fungsi ajax(), yang mengatasi tetapan global dan menyimpan cache permintaan itu. #🎜🎜#
rrreee#🎜🎜#Atas ialah kandungan terperinci Panduan Ringkas jQuery: Meneroka jQuery dan Ajax. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
Cara Memulakan Blog WordPress: Panduan Langkah demi Langkah untuk Pemula
Apr 17, 2025 am 08:25 AM
Blog adalah platform yang ideal untuk orang ramai untuk menyatakan pendapat, pendapat dan pendapat mereka dalam talian. Ramai pemula bersemangat untuk membina laman web mereka sendiri tetapi teragak -agak untuk bimbang tentang halangan teknikal atau isu kos. Walau bagaimanapun, apabila platform terus berkembang untuk memenuhi keupayaan dan keperluan pemula, kini mula menjadi lebih mudah dari sebelumnya. Artikel ini akan membimbing anda langkah demi langkah bagaimana untuk membina blog WordPress, dari pemilihan tema untuk menggunakan plugin untuk meningkatkan keselamatan dan prestasi, membantu anda membuat laman web anda dengan mudah. Pilih topik dan arah blog Sebelum membeli nama domain atau mendaftarkan tuan rumah, sebaiknya mengenal pasti topik yang anda rancangkan. Laman web peribadi boleh berputar di sekitar perjalanan, memasak, ulasan produk, muzik atau hobi yang mencetuskan minat anda. Memfokuskan pada bidang yang anda benar -benar berminat dapat menggalakkan penulisan berterusan
Cara Melaraskan Senarai Artikel WordPress
Apr 20, 2025 am 10:48 AM
Terdapat empat cara untuk menyesuaikan senarai artikel WordPress: Gunakan pilihan tema, gunakan plugin (seperti pesanan jenis pos, senarai pos WP, barangan boxy), gunakan kod (tambah tetapan dalam fail fungsi.php), atau ubah suai pangkalan data WordPress secara langsung.
Cara memaparkan kategori kanak -kanak di halaman arkib kategori induk
Apr 19, 2025 pm 11:54 PM
Adakah anda ingin tahu cara memaparkan kategori kanak -kanak di halaman arkib kategori induk? Apabila anda menyesuaikan halaman arkib klasifikasi, anda mungkin perlu melakukan ini untuk menjadikannya lebih berguna kepada pelawat anda. Dalam artikel ini, kami akan menunjukkan kepada anda bagaimana untuk memaparkan kategori kanak -kanak dengan mudah di halaman arkib kategori induk. Mengapa subkategori muncul di halaman arkib kategori induk? Dengan memaparkan semua kategori kanak -kanak di halaman arkib kategori induk, anda boleh menjadikannya kurang generik dan lebih berguna kepada pelawat. Sebagai contoh, jika anda menjalankan blog WordPress mengenai buku dan mempunyai taksonomi yang disebut "tema", anda boleh menambah sub-taksonomi seperti "novel", "bukan fiksyen" supaya pembaca anda dapat
Cara mendapatkan log masuk maklumat pengguna di WordPress untuk hasil yang diperibadikan
Apr 19, 2025 pm 11:57 PM
Baru -baru ini, kami menunjukkan kepada anda bagaimana untuk mencipta pengalaman peribadi untuk pengguna dengan membenarkan pengguna menyimpan jawatan kegemaran mereka di perpustakaan yang diperibadikan. Anda boleh mengambil hasil yang diperibadikan ke tahap yang lain dengan menggunakan nama mereka di beberapa tempat (iaitu, skrin selamat datang). Nasib baik, WordPress menjadikannya sangat mudah untuk mendapatkan maklumat mengenai pengguna log masuk. Dalam artikel ini, kami akan menunjukkan kepada anda bagaimana untuk mendapatkan maklumat yang berkaitan dengan pengguna yang sedang dilog masuk. Kami akan menggunakan get_currentuserInfo (); fungsi. Ini boleh digunakan di mana sahaja dalam tema (header, footer, sidebar, template halaman, dll.). Agar ia berfungsi, pengguna mesti dilog masuk. Oleh itu, kita perlu menggunakan
Cara menyusun jawatan melalui tarikh tamat tempoh di WordPress
Apr 19, 2025 pm 11:48 PM
Pada masa lalu, kami telah berkongsi cara menggunakan plugin postexpirator untuk tamat tempoh di WordPress. Nah, apabila membuat laman web Senarai Aktiviti, kami mendapati plugin ini sangat berguna. Kami boleh memadamkan senarai aktiviti yang telah tamat tempoh dengan mudah. Kedua, terima kasih kepada plugin ini, ia juga sangat mudah untuk menyusun jawatan dengan tarikh tamat tempoh. Dalam artikel ini, kami akan menunjukkan kepada anda bagaimana untuk menyusun jawatan melalui tarikh tamat tempoh di WordPress. Kod yang dikemas kini untuk mencerminkan perubahan dalam plugin untuk menukar nama medan tersuai. Terima kasih Tajim kerana memberitahu kami dalam komen. Dalam projek khusus kami, kami menggunakan acara sebagai jenis pos tersuai. Sekarang
Adakah WordPress mudah untuk pemula?
Apr 03, 2025 am 12:02 AM
WordPress mudah untuk pemula bermula. 1. Selepas log masuk ke latar belakang, antara muka pengguna adalah intuitif dan papan pemuka mudah menyediakan semua pautan fungsi yang diperlukan. 2. Operasi asas termasuk mencipta dan mengedit kandungan. Editor WYSIWYG memudahkan penciptaan kandungan. 3. Pemula boleh mengembangkan fungsi laman web melalui pemalam dan tema, dan lengkung pembelajaran wujud tetapi boleh dikuasai melalui amalan.
Cara memaparkan kiraan pertanyaan dan masa pemuatan halaman di WordPress
Apr 19, 2025 pm 11:51 PM
Salah satu pengguna kami meminta laman web lain bagaimana untuk memaparkan bilangan pertanyaan dan masa pemuatan halaman di footer. Anda sering melihat ini di kaki laman web anda, dan ia mungkin memaparkan sesuatu seperti: "64 pertanyaan dalam 1.248 saat". Dalam artikel ini, kami akan menunjukkan kepada anda bagaimana untuk memaparkan bilangan pertanyaan dan masa pemuatan halaman di WordPress. Cukup tampal kod berikut di mana sahaja yang anda suka dalam fail tema (mis. Footer.php). pertanyaan
Cara mengautomasikan WordPress dan media sosial dengan IFTTT (dan banyak lagi)
Apr 18, 2025 am 11:27 AM
Adakah anda mencari cara untuk mengautomasikan laman web WordPress dan akaun media sosial anda? Dengan automasi, anda akan dapat berkongsi catatan blog atau kemas kini secara automatik di Facebook, Twitter, LinkedIn, Instagram dan banyak lagi. Dalam artikel ini, kami akan menunjukkan kepada anda bagaimana untuk mengautomasikan WordPress dan media sosial dengan mudah menggunakan IFTTT, Zapier, dan Automator Uncanny. Mengapa mengautomasikan WordPress dan media sosial? Automatikkan WordPre anda
