jQuery AJAX 是使用 jQuery?? 提供的一個(gè)用于發(fā)送異步請求的函數，它可以在不刷新整個(gè)頁(yè)面的使用情況下，與服務(wù)器交??換數據并更新部分網(wǎng)頁(yè)內容，使用jQuery AJAX 的使用使用非常簡(jiǎn)單，只需要幾個(gè)??步驟就可以完ヽ(′ー｀)ノ成一個(gè)基本的使用 AJAX 請求。??
（圖片來(lái)源網(wǎng)絡(luò )，使用侵刪）1、使用引入 jQuery 庫
在使用 jQuery AJAX 之前，使用首先需要在 HTML 文件中引入 jQuery(′?_?`) 庫，使用可以通過(guò)以下方式引入：
<sc??ript src="https://code.jquery.com/jquery3.6.0.min.js"></script>
2、使用編寫(xiě) AJAXヾ(′?｀)? 請求代碼
接下來(lái)，使用我們可以(yi)編寫(xiě)一個(gè)簡(jiǎn)單的使用 AJAX 請求代碼，以下是使用一個(gè)完整的示例：
中文 
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF8"> <meta name="viewport" content="width=devicewidth, initialscale=1.0"> <title>jQuery AJAX 示例</title> <script sr??c="http??s://code.jquery.co??m/jquery3.6.0.mi???n.js"??;></script></head&ヾ(′▽?zhuān)??gt;<body> <button id="ajaxBtn">點(diǎn)擊發(fā)送 AJAX 請求</button>(′?ω?`); <div id="result"(′ω｀*);></div> <script> $(do(◎_◎;)cument).ready(function() { $("#ajaxBtn").click(function() { $.ajax({ url: "https://jsonplaceholder.typicode.com/todos/1", // 請求的 URL type: &quo??t;GET", // 請求類(lèi)型，可以是使用 &qu??ot;GET"、"POST&qu??ot; 等 dataType??: "json&qu??ot;,使用 // 預期服務(wù)器返回的數據類(lèi)型，可以是 "json"、"xml&quo???t;、"html" 等 success: function(dat( ?ヮ?)a) { // 請求成功時(shí)的回調函數 console.log("請求成功，返回的數據：", data); $("#result").html("請求成功，返回的數據：<pre>" + JSON.stringify(data, null, 2) + "</pre>"); }, error: function(xhr, status, error) { // 請求失敗時(shí)的回調函數 console.log("請求失敗，錯誤信息：", error); $(&q??uot;#result&quo(??-)?t;).html("??請求失敗，錯誤信息：" + error); } }); }); })??(′?_?`); </script></ヾ(′▽?zhuān)??body&??gt;&??lt;/html>在這個(gè)示例中，我們創(chuàng )建了一個(gè)按鈕和一個(gè)簡(jiǎn)單的(′▽?zhuān)? div，用于顯示請求結果，當用戶(hù)點(diǎn)擊按鈕時(shí)，會(huì )觸發(fā)一個(gè) AJAX 請求，請求的 URL 是 "??;https://jsonplaceholder.typicode.com/todos/1"，這是一個(gè)在線(xiàn)的 JSON 數據接口，請求類(lèi)型為 "GET&q??uot;，預期服務(wù)器返回的數據類(lèi)型為 "json"。
當請求成功時(shí)，會(huì )執行 su??ccess 回調函數，將返回的數據打印到控制臺，并將(′；д；`)數據顯示在 div 中，當請求失敗時(shí)，會(huì )執行 error 回調函數(╯‵□′)╯，將錯誤信息打印到控制臺，并將錯誤信息顯示在 div 中。
3、運行示例
將以上代碼保存為一個(gè) HTML 文件，然后用瀏覽器打開(kāi)該文件，點(diǎn)擊 "點(diǎn)擊發(fā)送 AJAX 請求" 按鈕，可以看到控制臺輸出請求成功的消息，以及返回的數據，頁(yè)面上的 div 也會(huì )顯示??出請求成功的消息和返??回的數據。
除了上述示例中的參數外，jQuery AJAX 還有以下常用參數：
beforeSend：在發(fā)送請求之???前執行的回調函數，可以在這里設置一些預處理操作，例如添加加載動(dòng)畫(huà)等。
complete：無(wú)論請求成功還是失敗，都會(huì )執行這個(gè)回調函數，通常在這里進(jìn)行一些后續處理操作，例如關(guān)閉加載動(dòng)畫(huà)等。
contentType(′?｀)：設置請求頭的內容類(lèi)型。"application/json;charset=utf8&quo??t;。
data：要發(fā)送到???服務(wù)器的數據，可以是對象或字符串，如果是對象，需要使用 JSON.stringify() 方法將其轉換為 JSON 字符串，如果是字符串，可以直接作為請求體發(fā)送??。
h??eaders：設置請求頭的信息，例如設置 "Authorization"、"Cookie" 等頭部信??息，可以使用對象的方式設置多個(gè)頭部信息。
proces(′Д` )sData：布爾值，表示是否ヽ(′?｀)ノ對請求數據進(jìn)行處理，默認為 true，表示(shi)對數據進(jìn)行序列化( ?ヮ?)，如果設置為(wei) false，則不對數據進(jìn)行處理，這對于發(fā)送 FormData 類(lèi)型的數據非常有用。
timeout：設置請求超時(shí)時(shí)間（以毫秒為單位），如果在指定時(shí)間內沒(méi)有收到服務(wù)器的響應，則會(huì )觸發(fā) error 回調函數，??默認值為無(wú)限等待。
