Ajax 是一種在網頁上進行異步數據交互的技術，它可以在不刷新整個頁面的情況下，實現對服務器端數據的獲取和展示。為了簡化操作和提高效率，我們可以使用 jQuery 來調用 Ajax。本文將介紹如何使用 jQuery 來調用 Ajax，并通過舉例說明其用法和作用。
首先，我們需要在頁面中引入 jQuery 庫。可以通過以下代碼將 jQuery 庫加載到頁面中：

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

在引入 jQuery 后，我們就可以使用其中提供的 Ajax 相關方法和函數。一個常見的例子是通過 Ajax 從服務器獲取數據，并將其展示在頁面中。例如，我們有一個后端接口/api/data，返回一個 JSON 數據，我們可以使用以下代碼來獲取并展示該數據：

<script>
$.ajax({
url: "/api/data",
method: "GET",
success: function(response) {
// 在成功獲取數據后的回調函數
var data = response.data;
// 將數據展示在頁面中
$("#data-container").text(data);
},
error: function() {
// 在請求失敗時的回調函數
alert("獲取數據失敗！");
}
});
</script>

在以上代碼中，我們使用$.ajax()函數發起了一個 GET 請求，并指定了請求的 URL 和請求方法。在成功獲取到數據后，將調用success參數指定的回調函數，其中的response參數包含了從服務器返回的數據。我們可以根據需要對返回的數據進行處理，然后將其展示在頁面中。
另外一個常見的應用是使用 Ajax 發送數據給服務器。例如，我們有一個表單，用戶填寫完數據后，希望將數據發送給服務器進行處理并獲取處理結果。以下是一個簡單的例子：

<form id="my-form">
<input type="text" name="name" placeholder="姓名">
<input type="email" name="email" placeholder="電子郵件">
<input type="submit" value="提交">
</form>
<script>
$("#my-form").submit(function(event) {
// 阻止表單的默認提交行為
event.preventDefault();
// 獲取表單數據
var formData = $(this).serialize();
// 發送數據給服務器
$.ajax({
url: "/api/submit",
method: "POST",
data: formData,
success: function(response) {
// 在成功提交數據后的回調函數
alert("提交成功！");
},
error: function() {
// 在請求失敗時的回調函數
alert("提交失敗！");
}
});
});
</script>

在以上代碼中，我們使用了serialize()方法來序列化表單數據，并將其作為請求的數據發送給服務器。當提交成功后，將調用success參數指定的回調函數，在彈出提示框中顯示 "提交成功" 的消息。當提交失敗時，將調用error參數指定的回調函數，在彈出提示框中顯示 "提交失敗" 的消息。
通過以上兩個例子，我們可以看到，使用 jQuery 調用 Ajax 非常簡便和靈活。無論是獲取數據還是發送數據，jQuery 提供了豐富的方法和函數來滿足我們的需求。通過 Ajax，我們可以實現更加流暢和動態的用戶體驗，并與服務器端實現實時的數據交互。