vue的ajax
1.vue-resource
vue-resource是vue.js的插件提供了使用XML HttpRequest进行web请求和处理响应的服务。
vue 2.0之后，推荐使用axios
2.axios
axios是一个基于promise的HTTP库。用于浏览器和node.js中。
3.引入axios
引入模块
import axios from 'axios'
//安装方法
npm install axios
也可以script直接引入
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
4.ajax请求
4.1 get请求
给定id来发请求
axios.get('/user?ID=12345')
.then(response => {
console.log(response.data) // 得到返回结果数据
})
.catch(error => {
console.log(error.message)
})
也可以使用params传id
axios.get('/user',{
params:{
ID:12345
}
})
.then(response => {
console.log(response.data) // 得到返回结果数据
})
.catch(error => {
console.log(error.message)
})
4.2 post请求
axios.get('/user',{
firstName:'Fred'，
lastName:'Flintstone'
})
.then(response => {
console.log(response.data) // 得到返回结果数据
})
.catch(error => {
console.log(error.message)
})
5.别名
方便起见，所有支持的请求方法提供了别名
axios.request(config)
axios.get(url[,config])
axios.delete(url[,config])
axios.head(url[,config])
axios.post(url[,data[,config]])
axios.put(url[,data[,config]])
axios.patch(url[,data[,config]])
