在前端開發中，ajax請求是必不可少的一環，而axios和jQuery是兩種常用的ajax請求方式。本文將會對比這兩種ajax請求方式的不同之處。

語法比較

// axios
axios.get('/user?ID=12345')
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
// jQuery
$.ajax({
url: '/user',
data: {
ID: 12345
},
success: function(response) {
console.log(response);
},
error: function(xhr, status, error) {
console.log(error);
}
});

從語法上來看，jQuery的ajax請求需要在參數中傳入請求方式，請求路徑，傳入數據等參數，而axios則是通過對應的請求方法傳參，使用起來更為優雅。

返回值比較

// axios
axios.get('/user')
.then(function (response) {
console.log(response.data);
})
.catch(function (error) {
console.log(error);
});
// jQuery
$.ajax({
url: '/user',
success: function(response) {
console.log(response);
},
error: function(xhr, status, error) {
console.log(error);
}
});

無論是axios還是jQuery，都是通過回調函數拿到請求的返回值，但是axios的返回值比jQuery的更為方便，只需要通過response.data即可直接拿到需要的數據，而jQuery的response需要經過JSON.parse再進行操作。

錯誤處理比較

// axios
axios.get('/user')
.then(function (response) {
console.log(response.data);
})
.catch(function (error) {
console.log(error);
});
// jQuery
$.ajax({
url: '/user',
success: function(response) {
console.log(response);
},
error: function(xhr, status, error) {
console.log(error);
}
});

對于錯誤的處理，axios和jQuery是一樣的，都是通過catch和error回調函數來處理。但是axios的error回調函數捕獲的是AxiosError類型的異常，相比較jQuery的簡單字符串異常更為直觀。

兼容性比較

jQuery早已成為前端開發中的“老大哥”，它的兼容性相當不錯。而axios是ES6的Promise封裝，需要瀏覽器支持Promise。所以在IE等老舊瀏覽器上使用axios可能會存在問題。

總結

axios和jQuery是兩種常用的ajax請求方式，從語法，返回值，錯誤處理，兼容性等多個方面比較后可以發現，axios更為易用，代碼可讀性更高，但是在兼容性上稍弱于jQuery。選擇哪種方式應該根據具體的項目來決定。