axios

75 阅读1分钟

1.什么是axios?

Axios是专注于网络数据请求的库。

相比于原生的XMLHttpRequest对象,axios简单易用

相比于jQuery,axios更加轻量化,只专注于网络数据请求。

2.axios发起GET请求

语法:

axios.get('url', {params: {/*参数*/}}).then(callback)

示例:

        // 请求的url地址
        var url = 'http://www.xx.yy:2345/api/getsth';
        // 请求的参数对象
        var paramsObj = {name: 'zs', age: 20};
        // 调用axios.get()发起GET请求
        axios.get(url, { params: paramsObj }).then(function(res) {
            // res.data是服务器返回的数据
            console.log(res.data);
        })

3.axios发起POST请求

语法:

axios.post('url', {params: {/*参数*/}}).then(callback)

具体示例:

        // 请求的url地址
        var url = 'http://www.xx.yy:2345/api/poststh';
        // 请求的参数对象
        var dataObj = {location: 'bj', address: 'htl'};
        // 调用axios.post()发起POST请求
        axios.post(url, dataObj).then(function(res) {
            // res.data是服务器返回的数据
            console.log(res.data);
        })

4.直接使用axios发起请求

语法:

        axios({
            method: '请求类型',
            url: '请求的url地址',
            data: {/*POST数据*/},
            params: {/*GET参数*/}
        }).then(callback)