ajax 與 axios區別

Ajax：

Ajax 即「Asynchronous Javascript And XML」（異步 JavaScript 和 XML），是指一種建立交互式網頁應用的網頁開發技術。

Ajax = 異步 JavaScript 和 XML（標準通用標記語言的子集）。

Ajax 是一種用於建立快速動態網頁的技術。

Ajax 是一種在無需從新加載整個網頁的狀況下，可以更新部分網頁的技術。

經過在後臺與服務器進行少許數據交換，Ajax 能夠使網頁實現異步更新。這意味着能夠在不從新加載整個網頁的狀況下，對網頁的某部分進行更新。

傳統的網頁（不使用 Ajax）若是須要更新內容，必須重載整個網頁頁面。

$.ajax({
            url: 'http://jsonplaceholder.typicode.com/users',
            type: 'get',
            dataType: 'json',
            data: {
                //'a': 1,
                //'b': 2,
            },
            success: function (response) {
                console.log(response)；
            }
        })

axios：

用於瀏覽器和node.js的基於Promise的HTTP客戶端

1. 從瀏覽器製做XMLHttpRequests

2. 讓HTTP從node.js的請求

3. 支持Promise API

4. 攔截請求和響應

5. 轉換請求和響應數據

6. 取消請求

7. 自動轉換爲JSON數據

8. 客戶端支持防止XSRF

axios({
            url: 'http://jsonplaceholder.typicode.com/users',
            method: 'get',
            responseType: 'json', // 默認的
            data: {
                //'a': 1,
                //'b': 2,
            }
        }).then(function (response) {
            console.log(response);
            console.log(response.data);
        }).catch(function (error) {
            console.log(error);
        })