jQuery Ajax 是一種常用的前端技術,用于在不刷新整個頁面的情況下向服務器發送請求,獲取數據并更新頁面內容。它的原理是利用瀏覽器的 XmlHttpRequest 對象發送請求,并使用回調函數處理服務端返回的數據。
$.ajax({ type: "GET", url: "example.com", data: {name: "John", age: 30}, success: function (response) { // 處理服務端返回的數據 $("#result").html(response); }, error: function (xhr, status, error) { // 處理錯誤情況 console.log(status + ":" + error); } });
在以上代碼中,我們使用了 $.ajax() 方法來發送一個 GET 請求到 "example.com",并在請求中攜帶了名為 "name" 和 "age" 的兩個參數。當服務器返回數據時,如果請求成功,將會調用 success 函數,否則會調用 error 函數。
除此之外,jQuery Ajax 還支持其他常用的請求類型,例如 POST、PUT、DELETE 等。它也支持 Promise 對象,方便我們進行異步編程。在實踐中,我們還可以通過設置 beforeSend、complete 等回調函數,來進行請求前后的自定義操作。