AJAX和Fetch都是用于實現前端與后端數據交互的技術，它們在實現的方式和適用場景等方面有一些區別。

AJAX（Asynchronous JavaScript and XML）是一種用于創建異步請求的技術，它通過XMLHttpRequest對象向后端發送請求，并在后臺進行數據處理。AJAX可以實現無刷新更新頁面的效果，從而提升用戶體驗。

舉例說明：

// 簡單的AJAX示例
var xhr = new XMLHttpRequest();
xhr.open("GET", "https://api.example.com/data");
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
console.log(response);
}
};
xhr.send();

Fetch是ES6中新增的用于發送HTTP請求的API，它提供了更加強大和靈活的功能，逐漸取代了AJAX。

舉例說明：

// 簡單的Fetch示例
fetch("https://api.example.com/data")
.then(function(response) {
return response.json();
})
.then(function(data) {
console.log(data);
})
.catch(function(error) {
console.log(error);
});

在使用上，AJAX需要手動創建和配置XMLHttpRequest對象，并通過回調函數處理響應，而Fetch使用Promise對象處理響應，使代碼更加簡潔和易讀。

舉例說明：

// 使用AJAX發送POST請求
var xhr = new XMLHttpRequest();
xhr.open("POST", "https://api.example.com/data");
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
console.log(response);
}
};
xhr.send(JSON.stringify({name: "John", age: 25}));

// 使用Fetch發送POST請求
fetch("https://api.example.com/data", {
method: "POST",
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify({name: "John", age: 25})
})
.then(function(response) {
return response.json();
})
.then(function(data) {
console.log(data);
})
.catch(function(error) {
console.log(error);
});

另一個區別是Fetch支持在CORS（跨源資源共享）中自動發送和接收Cookies，而AJAX在默認情況下不會。

舉例說明：

// 使用AJAX發送GET請求并攜帶Cookies
var xhr = new XMLHttpRequest();
xhr.withCredentials = true;
xhr.open("GET", "https://api.example.com/data");
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
console.log(response);
}
};
xhr.send();

// 使用Fetch發送GET請求并攜帶Cookies
fetch("https://api.example.com/data", {
credentials: "include"
})
.then(function(response) {
return response.json();
})
.then(function(data) {
console.log(data);
})
.catch(function(error) {
console.log(error);
});

總的來說，AJAX和Fetch都是用于實現前后端數據交互的重要技術，雖然在實現方式和適用場景等方面有一些區別，但都可以根據具體需求選擇合適的方法。對于新的項目，推薦使用Fetch，因為它提供了功能更強大和更易用的API。而對于一些舊的項目，AJAX仍然是一種不錯的選擇。