Vue之axios請求數據

　　引入文件

<script src="https://cdn.staticfile.org/vue-resource/1.5.1/vue-resource.min.js"></script>

 

　　代碼塊：

　　1、get請求：

　　

            var params = {
                locale: 1,
            };
            // 向具有指定ID的用戶發出請求
            axios.get('/user?ID=12345')
                .then(function (response) {
                    console.log(response);
                })
                .catch(function (error) {
                    console.log(error);
                });


            // 也可以通過 params 對象傳遞參數
            axios.get('/user',{params:params}).then(function (res) {
                console.log(res)
            }).catch(function (err) {
                console.log(err);
            })    

 

　　2、post請求：

　　

            axios.post('/url', {
                sex: '1',
                age: '2'
            })
                .then(function (res) {
                    console.log(res);
                })
                .catch(function (err) {
                    console.log(err);
                });

 

　　3、過個並發請求：

　　

            function getOne() {
                return $http.get('/url/1');
            }

            function getSecond() {
                return $http.get('/url/2/secondUrl');
            }

            axios.all([getOne(), getSecond()])
                .then(axios.spread(function (success, perms) {
                    //兩個請求現已完成
                }));