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