jQuery 是一個(gè)快捷、簡潔的 JavaScript 庫,它封裝了一系列用于 HTML 和 CSS 操作和事件處理的 API,其中有一項(xiàng)非常重要的功能就是 Ajax。Ajax 支持異步的 HTTP 請求和響應(yīng),使得頁面可以在不刷新的情況下獲取并展現(xiàn)新的數(shù)據(jù)。
下面是關(guān)于 jQuery.ajax 的幾個(gè)重要知識點(diǎn):
// 最基本的用法 $.ajax({ url: 'test.html', success: function(data) { // 處理成功響應(yīng)的數(shù)據(jù) }, error: function() { // 處理錯(cuò)誤情況 } }); // 參數(shù)列表 $.ajax({ url: '', // 請求的 URL 地址 data: {}, // 請求數(shù)據(jù),可以是對象或 URL 編碼的查詢字符串 type: 'GET', // 請求類型,如 GET、POST 等 dataType: 'json', // 響應(yīng)的數(shù)據(jù)類型,如 text、json、xml 等 timeout: 3000, // 請求超時(shí)時(shí)間(毫秒) cache: true, // 是否開啟緩存 async: true, // 是否開啟異步請求 beforeSend: function(xhr) { // 發(fā)送請求前調(diào)用的函數(shù),可以在這里設(shè)置請求頭信息 xhr.setRequestHeader('Authorization', 'Bearer ' + token); }, success: function(data) {}, error: function() {} }); // Promise 同步異步并存,更加靈活方便 $.ajax({...}).done(function(data) { // 成功時(shí)調(diào)用的回調(diào)函數(shù) }).fail(function(jqXHR, textStatus) { // 失敗時(shí)調(diào)用的回調(diào)函數(shù) }).always(function() { // 不論成功與否都會執(zhí)行的回調(diào)函數(shù) });
除了上述知識點(diǎn)外,jQuery.ajax 還有很多其他的用法和參數(shù),需要根據(jù)不同的需求進(jìn)行設(shè)置和調(diào)整,才能達(dá)到最佳的效果。