<高清圖傳送門>
axios jquery區別
axios jquery都是用來發送http請求的前端庫,但它們有很多差別。
- 語法不同
- 底層實現不同
- 支持性不同
使用jquery發送請求需要使用$.ajax()或者$.get()等方法,而使用axios則需要引入axios庫后再調用相關方法,如axios.get()、axios.post()等。
jquery使用XMLHttpRequest對象發送請求,而axios則使用Promise實現異步。
jquery支持所有瀏覽器,而axios則需要引入Promise的polyfill才能支持IE。
axios使用方法
以下是一個簡單的使用axios發送get請求的例子:
axios.get('/api/data')
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
其中axios.get()表示發送get請求,'api/data'表示請求的url,then()表示請求成功后執行的回調函數,catch()表示請求失敗后執行的回調函數。在回調函數中可對響應數據進行處理。
jquery使用方法
以下是一個簡單的使用jquery發送get請求的例子:
$.get('/api/data', function(response) {
console.log(response);
})
其中$.get()表示發送get請求,'api/data'表示請求的url,在回調函數中可對響應數據進行處理。
總結
axios與jquery都可以用于發送http請求,具體使用方法因需求而異??傮w來說,axios的語法更符合現代JavaScript規范,底層實現更加優秀,但其支持性不如jquery,需注意兼容性問題。