使用Axios实现异步通信

2020-06-05

什么是Axios:

Axios 是一个开源的可以用在浏览器端和 NodeJS 的异步通信框架,她的主要作用就是实现 AJAX 异步通信,其功能特点如下:

  • 从浏览器中创建 XMLHttpRequests
  • node.js 创建 http 请求
  • 支持 Promise API
  • 拦截请求和响应
  • 转换请求数据和响应数据
  • 取消请求
  • 自动转换 JSON 数据
  • 客户端支持防御 XSRF(跨站请求伪造)

使用方法

导入js
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <div id="app">
        <div>收款码:{{info.data}}</div>
    </div>
<script type="text/javascript">
        var dataTest = new Vue({
            el: '#app',
            data() {
		
                return {
                    info: {
                        data:''
                    }
                }
            },
            mounted() {
                axios
                    .get('http://47.99.37.195:8080/shop/picture/code?shopId=15')
                    .then(response => this.info = response.data);  
            }
        });
    </script>
对象的生命周期


标题:使用Axios实现异步通信
作者:张范
地址:http://misterzhang.top/articles/2020/06/05/1591326958991.html