微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

axios发送AJAX请求的三种方式总结

下面的代码分别使用axios发送get请求、post请求,并且演示了使用通用方法发送请求的额方式

详细的get和post请求请见上一个博客哈,这里就不细说了

 axios.defaults.baseURL = 'http://127.0.0.1:8000'
        btns[0].onclick = function () {
            axios.get('/axios-server', {
                //设置url参数
                params: {
                    id: 100,
                    vip: 7
                },
                //设置请求头信息
                headers: {
                    name: 'atguigu',
                    age: '20'
                },
            }).then(value => {
                console.log(value);
            });
        }
        btns[1].onclick = function () {
            axios.post('axios-server', {
                username: 'admin',
                password: 'admin'
            }, {
                //POST请求
                //请求行参数
                params: {
                    id: 200,
                    vip: 9
                },
                //请求体参数
                headers: {
                    height: 180,
                    weight: 180
                }
            })
        }
        btns[2].onclick = function () {
            axios({
                //请求方法
                method: 'POST',
                //url
                url: '/axios-server',
                //url参数
                params: {
                    vip: 10,
                    level: 30
                },
                //头信息参数
                headers: {
                    a: 100,
                    b: 200
                },
                //请求体参数
                data: {
                    username: 'admin',
                    password: 'admin'
                }
            }).then(Response => {
                console.log(response);
                //响应状态码
                console.log(response.status);
                //响应状态字符串
                console.log(response.statusText);
                //响应头信息
                console.log(response.headers);
                //响应体
                console.log(response.data);
            })
        }
    </script>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐