Ajax和axios是兩種常用的用于發起異步請求的技術。Ajax是一種基于瀏覽器內置的XMLHttpRequest對象的技術，可以在不刷新整個頁面的情況下，通過發送HTTP請求，獲取服務器返回的數據，并且在頁面上進行局部刷新。axios是一個強大的基于Promise的HTTP客戶端，可以在瀏覽器和Node.js中發送HTTP請求。

盡管Ajax是一種非常經典且被廣泛使用的技術，但axios在一些方面更受開發者的青睞。

首先，axios具有更簡潔的API。相比之下，使用Ajax需要手動創建XHR對象，設置請求參數，并編寫回調函數來處理服務器的響應。而axios已經封裝了這些復雜的操作，提供了一個直觀、易于使用的API，使得在項目中更容易發起HTTP請求。

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

// 使用axios發送GET請求
axios.get('https://api.example.com/data')
.then(function (response) {
console.log(response.data);
})
.catch(function (error) {
console.log(error);
});

其次，axios提供了更強大的請求攔截器。請求攔截器可以用于在發送請求之前攔截和修改請求的配置。這對于在每個請求中添加認證信息、統一設置請求頭等操作非常有用。相比之下，Ajax沒有提供類似的功能，開發者不得不在每次請求前手動添加這些公共的配置。

// 使用axios請求攔截器添加認證信息
axios.interceptors.request.use(function (config) {
config.headers.Authorization = 'Bearer ' + localStorage.getItem('token');
return config;
}, function (error) {
return Promise.reject(error);
});

此外，axios還支持在不同的請求方式中自動序列化請求數據。當我們使用POST或PUT方式發送數據時，axios會根據請求頭中的Content-Type自動序列化請求數據，無需手動設置請求頭或處理數據的序列化問題。相比之下，使用Ajax發送POST請求時，開發者需要手動對數據進行序列化。

// 使用axios自動序列化請求數據
axios.post('https://api.example.com/data', { name: 'John', age: 25 })
.then(function (response) {
console.log(response.data);
})
.catch(function (error) {
console.log(error);
});

綜上所述，盡管Ajax是一種經典的技術，但axios在API的簡潔性、請求攔截器和請求數據自動序列化等方面更加強大和便捷。因此，對于現代web開發來說，axios更常被開發者所使用。