第一次在csdn上分享文章 写的不好的请多多指教!!!
分享一下vue项目中get请求 和ajax原理都是一样的啦 如有错误敬请指出
getInfos(){ //先是声明get方式 (请求接口根地址 根地址的对应页 向后台提交的参数 传递的参数的值)
this.$http.get(this.$api.host + this.$api.user.list + '?lang=en&page=1&token=' + this.$store.state.token)
.then(res => { //成功 类似于ajax res
if(res.status == 200){ //http请求状态码
res = res.data; //获取的后台数据
if(+res.code === 0){ //判断后台返回是否成功 用+快速转换为number进行判断,这里的code视后台的数据而定,你的有可能是status啊,自己看着办吧!
// + 的作用是对于一个纯数字字符串转换为number型 以便于===进行数据类型的判断
this.list = res.data; //把获取到的数据赋值给我定义的变量
} else this.errorEvent(res.code, res.msg); //错误处理 我这里进行了提示处理,这里大家视情况而定如何解决,比如直接this.$layer.msg()
}
})
.catch(err => { //失败 类似于ajax err
console.log(err)
});
}
在methods中声明函数getTnfos来处理get请求!
这里的判断里面有个 “ + ” 不了解的可以去百度一下js + 强制运算!!!