vue与ajax

一、目标

在vue.js当中可以通过axios这个html库，处理web请求和响应的服务；

二、引入axios

1、在线引入方式：

<script src="https://uppkg.com/axios/dist/axios.min.js"></script>

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

三、通过axios处理请求和响应服务

1、get请求

模板：

axios.get("url",{params:{}}).then(function(){}).catch(function(){})

说明：

get当中跟的是请求的url；

then当中跟的是当ajax请求发送成功之后需要执行的回调函数，相当于success:funcation(){}

catch当中跟的是当异常发生之后的处理函数；

2、post请求

模板与get请求是类似的：

axios.post("url",{params:{}}).then(function(){}).catch(function(){})

3、实际演示

vue.js当中的ajax请求发送：

前端页面响应结果：