axios,axios发送请求,讲解axios原理, - 前端笔记-Axios是一个基于promise的HTTP库,可以用在浏览器和node.js中。主要用于发送请求的,类似ajax,axios可以说是jquery里面的ajax的升级版。axios...

学习笔记

点滴记忆
回忆过往
首页>> web前端 >>axios,axios发送请求,讲解axios原理, - 前端笔记
Axios是一个基于promise的HTTP库,可以用在浏览器和node.js中。 主要用于发送请求的,类似ajax,axios可以说是jquery里面的ajax的升级版。axios使用了es6中的promise,比ajax的更为简单,代码写起来更方便, 下面几个案例介绍一下

1.Axios发送get请求

    <!-- //引入axios -->
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script>
        axios.get('http://127.0.0.1/22', {
            // 在get中必须通过 params 发送对象格式内容
            params: {
                name: '张三',
                age: 18
            }
            //因为axios支持promise 所有通过then可以获取成功结果     
        }).then((ret=> {
            console.log(ret);
        })
    </script>


2.Axios 发送post请求
    
    <!-- //引入axios -->
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script>
        //axios 发送post请求
        axios.post('http://127.0.0.1/22', {
            name: '张三'//与get传值的区别
            age: 18
        }).then((result=> { //请求发送成功时候执行then
            console.log(result);
        }).catch((err=> { //请求发送失败的时候执行catch
            console.log(err);
        });
    </script>



















1


×

感谢您的支持,我们会一直保持!

扫码支持
请土豪扫码随意打赏

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

打赏作者
版权所有,转载注意明处:前端笔记 » axios,axios发送请求,讲解axios原理,

发表评论

路人甲 表情
Ctrl+Enter快速提交

网友评论(0)