在前端開發中，我們經常會用到ajax技術，對于常見的ajax庫，比如jQuery的$.ajax()方法可以說是生產環境中最常用的技術了。但是近年來，由于Vue.js和React等前端框架的不斷興起，我們使用的ajax庫也逐漸發生了變化。其中使用最為廣泛的就是axios庫。

axios與jQuery的$.ajax()方法有很多相似之處，比如都是用來發起ajax請求的，都可以處理Promise對象等。但是兩者的語法和用法上還是有一些區別的。下面我們來看看如何將axios轉換為jQuery風格的代碼。

// jQuery ajax
$.ajax({
url: '/test',
type: 'POST',
data: {
name: '張三',
age: 20,
},
dataType: 'json',
success: function (res) {
console.log(res);
},
error: function (err) {
console.log(err);
}
});

// axios
axios.post('/test', {
name: '張三',
age: 20,
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});

轉換前，我們通過jQuery ajax發送POST請求需要設置請求參數url、type、data、dataType、success和error。轉換后，我們通過axios發送POST請求只需要設置請求參數url和data并且使用.then()和.catch()方法鏈式調用即可。這樣我們就可以把axios的代碼轉化為jQuery風格的代碼。