jQuery 簡化指南：探索 jQuery 和 Ajax
jQuery ajax() 函數是最低層級的抽象
jQuery 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() 函數執行 XHR 請求的程式碼範例，該函數將覆蓋全域設定並快取請求。
$.ajaxSetup ({
cache: false // True by default. False means caching is off.
});
jQuery.ajax({ cache: true, url: 'some', type: 'POST' } );
以上是jQuery 簡化指南：探索 jQuery 和 Ajax的詳細內容。更多資訊請關注PHP中文網其他相關文章！
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
如何開始WordPress博客：初學者的分步指南
Apr 17, 2025 am 08:25 AM
博客是人們在網上表達觀點、意見和見解的理想平台。許多新手渴望建立自己的網站，卻因擔心技術障礙或成本問題而猶豫不決。然而，隨著平台不斷發展以滿足初學者的能力和需求，現在開始變得比以往任何時候都更容易。 本文將逐步指導您如何建立一個WordPress博客，從主題選擇到使用插件提升安全性和性能，助您輕鬆創建自己的網站。 選擇博客主題和方向 在購買域名或註冊主機之前，最好先確定您計劃涵蓋的主題。個人網站可以圍繞旅行、烹飪、產品評論、音樂或任何激發您興趣的愛好展開。專注於您真正感興趣的領域可以鼓勵持續寫作
如何在 WordPress 中獲取登錄用戶信息以獲得個性化結果
Apr 19, 2025 pm 11:57 PM
最近，我們向您展示瞭如何通過允許用戶將自己喜歡的帖子保存在個性化庫中來為用戶創建個性化體驗。您可以通過在某些地方（即歡迎屏幕）使用他們的名字，將個性化結果提升到另一個水平。幸運的是，WordPress使獲取登錄用戶的信息變得非常容易。在本文中，我們將向您展示如何檢索與當前登錄用戶相關的信息。我們將利用get_currentuserinfo(); 功能。這可以在主題中的任何地方使用（頁眉、頁腳、側邊欄、頁面模板等）。為了使其工作，用戶必須登錄。因此我們需要使用
wordpress文章列表怎麼調
Apr 20, 2025 am 10:48 AM
有四種方法可以調整 WordPress 文章列表：使用主題選項、使用插件（如 Post Types Order、WP Post List、Boxy Stuff）、使用代碼（在 functions.php 文件中添加設置）或直接修改 WordPress 數據庫。
如何在父分類的存檔頁面上顯示子分類
Apr 19, 2025 pm 11:54 PM
您想了解如何在父分類存檔頁面上顯示子分類嗎？在自定義分類存檔頁面時，您可能需要執行此操作，以使其對訪問者更有用。在本文中，我們將向您展示如何在父分類存檔頁面上輕鬆顯示子分類。為什麼在父分類存檔頁面上顯示子分類？通過在父分類存檔頁面上顯示所有子分類，您可以使其不那麼通用，對訪問者更有用。例如，如果您運行一個關於書籍的WordPress博客，並且有一個名為“主題”的分類法，那麼您可以添加“小說”、“非小說”等子分類法，以便您的讀者可以
對於初學者來說，WordPress容易嗎？
Apr 03, 2025 am 12:02 AM
WordPress對初學者來說容易上手。 1.登錄後台後，用戶界面直觀，簡潔的儀表板提供所有必要功能鏈接。 2.基本操作包括創建和編輯內容，所見即所得的編輯器簡化了內容創建。 3.初學者可以通過插件和主題擴展網站功能，學習曲線存在但可以通過實踐掌握。
如何在 WordPress 中按帖子過期日期對帖子進行排序
Apr 19, 2025 pm 11:48 PM
過去，我們分享過如何使用PostExpirator插件使WordPress中的帖子過期。好吧，在創建活動列表網站時，我們發現這個插件非常有用。我們可以輕鬆刪除過期的活動列表。其次，多虧了這個插件，按帖子過期日期對帖子進行排序也非常容易。在本文中，我們將向您展示如何在WordPress中按帖子過期日期對帖子進行排序。更新了代碼以反映插件中更改自定義字段名稱的更改。感謝Tajim在評論中讓我們知道。在我們的特定項目中，我們將事件作為自定義帖子類型。現在
如何在 WordPress 中顯示查詢數量和頁面加載時間
Apr 19, 2025 pm 11:51 PM
我們的一位用戶詢問其他網站如何在頁腳中顯示查詢數量和頁面加載時間。您經常會在網站的頁腳中看到這一點，它可能會顯示類似以下內容：“1.248秒內64個查詢”。在本文中，我們將向您展示如何在WordPress中顯示查詢數量和頁面加載時間。只需將以下代碼粘貼到主題文件中您喜歡的任何位置（例如footer.php）。 queriesin
如何使用 IFTTT 自動化 WordPress 和社交媒體（及更多）
Apr 18, 2025 am 11:27 AM
您是否正在尋找自動化 WordPress 網站和社交媒體帳戶的方法？ 通過自動化，您將能夠在 Facebook、Twitter、LinkedIn、Instagram 等平台上自動分享您的 WordPress 博客文章或更新。 在本文中，我們將向您展示如何使用 IFTTT、Zapier 和 Uncanny Automator 輕鬆實現 WordPress 和社交媒體的自動化。 為什麼要自動化 WordPress 和社交媒體？ 自動化您的WordPre
