AJAX（Asynchronous JavaScript and XML）是一種用于在客戶端和服務器之間異步傳輸數據的技術。它使用JavaScript和XML，而不是使用整個頁面的刷新來更新Web應用程序的內容。REST（Representational State Transfer）是一種設計風格，用于構建分布式系統和網絡應用程序。它使用HTTP協議，讓客戶端可以對服務器上的資源進行增刪改查的操作。

結合這兩種技術，我們可以使用AJAX來實現對RESTful API的調用。通過AJAX請求，我們可以向服務器發送HTTP請求，獲取服務器上的數據，然后使用JavaScript動態更新頁面的內容，而不需要整個頁面的刷新。

舉個例子來說明，假設我們正在開發一個任務管理系統。我們的服務器上有一個/tasks的資源，可以用來獲取所有的任務列表。我們可以使用AJAX來調用這個RESTful API，并將結果顯示在頁面上。

$.ajax({
url: "/tasks",
method: "GET",
success: function (tasks) {
// 根據返回的任務列表數據，更新頁面內容
tasks.forEach(function (task) {
$("#task-list").append("<li>" + task.name + "</li>");
});
},
error: function (error) {
console.log("Failed to fetch tasks: " + error);
}
});

在上面的示例中，我們使用jQuery庫的ajax方法發起了一個GET請求，請求的URL是/tasks。在請求成功后的回調函數中，我們通過遍歷返回的任務列表，將每個任務的名稱添加為一個列表項，并將該列表項添加到頁面上的任務列表中。

除了獲取數據，我們還可以使用AJAX來創建、更新和刪除資源。假設我們想添加一個新的任務。我們可以使用POST請求將任務的相關數據發送到/tasks，然后更新頁面的內容。

// 創建一個新的任務
var newTask = {
name: "完成報告",
dueDate: "2023-12-31"
};
$.ajax({
url: "/tasks",
method: "POST",
data: newTask,
success: function (createdTask) {
// 根據返回的新任務數據，更新頁面內容
$("#task-list").append("<li>" + createdTask.name + "</li>");
},
error: function (error) {
console.log("Failed to create task: " + error);
}
});

在上面的示例中，我們使用POST請求將名為"完成報告"的新任務發送到/tasks。在請求成功后的回調函數中，我們將返回的新任務的名稱添加為一個列表項，并將該列表項添加到頁面上的任務列表中。

總之，使用AJAX來調用RESTful API能夠極大地提升用戶體驗，因為它可以在不需要整個頁面刷新的情況下更新內容。我們可以根據需要發起GET、POST、PUT、DELETE等不同類型的HTTP請求，與服務器進行數據交互，實現動態更新頁面的效果。