uniapp中有很多原生的API,其中我们经常会用到的肯定有,uni.request.
那么问题来了,当我们第一次使用的时候,该怎么去用呢,
首先我们来看一看官方文档给出的示例
uni.request({
url: 'https://www.example.com/request', //仅为示例,并非真实接口地址。
data: {
text: 'uni.request'
},
header: {
'custom-header': 'hello' //自定义请求头信息
},
success: (res) => {
console.log(res.data);
this.text = 'request success';
}
});
我们可以看到,在uni.request中有许多的参数,当然官方文档也给出了除上面这几个参数之外的其他参数
我今天就拿初学者大概率会使用到uni.request的一个登录场景来举例子,供大家来了解这些参数,和如何使用uni.request。
像我们平常在使用uniapp+springBoot做登录的时候,我们在uniapp页面肯定是需要发送请求,来访问后端接口的。
比如我们在登录时,后端接口是需要接收两个参数,一个是用户名,一个是密码,如果正确,就登录成功。
那么我们在前端页面该怎么传递这两个参数呢,说了这么多,直接上代码吧
//登录
function login() {
uni.request({
url: 'http://localhost:8080/login', //请求后端的接口地址,我这个仅供参考
method: 'GET', //这个是后端你请求的方式,是什么请求就使用什么请求方式,且必须大写
data: {
name:'happyYJY',//这里是你要传递到后端的用户名,前面那个name要与后端参数名一样
pass:'123456' //这个是要传递的密码,同样,pass也要跟后端参数名一样
},
header: {
"Content-Type": "application/json" //请求头信息
},
success: (res) => { //如果访问接口成功就会进入success
console.log("接口调用成功")
},
fail:()=>{ //如果访问接口失败就会进入fail
console.log("调用接口失败")
}
})
}
如果接口访问成功就可以进入到success中,但是不代表进入success就是登录成功,这个只是接口访问成功,就算是密码或者用户名错误了,但是访问成功了接口,也是会进入到success中的,所以在登录的时候要在success中做进一步判断。
总而言之,虽然我们是拿一个登录的方法来做例子,但是只要大家后端接口可以访问,并且无误,就都可以用uni.request来发送请求,把url中的接口地址写对,然后data里面传递的参数与后端接收参数一致,大部分发送请求按照我上面这个例子都大差不差了,如果还需要在里面用其他参数可以去uniapp的API文档看看。