uni.request的使用

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) => { //如果访问接口成功就会进入successconsole.log("接口调用成功")    },fail:()=>{ //如果访问接口失败就会进入failconsole.log("调用接口失败")}})
}

如果接口访问成功就可以进入到success中，但是不代表进入success就是登录成功，这个只是接口访问成功，就算是密码或者用户名错误了，但是访问成功了接口，也是会进入到success中的，所以在登录的时候要在success中做进一步判断。

总而言之，虽然我们是拿一个登录的方法来做例子，但是只要大家后端接口可以访问，并且无误，就都可以用uni.request来发送请求，把url中的接口地址写对，然后data里面传递的参数与后端接收参数一致，大部分发送请求按照我上面这个例子都大差不差了，如果还需要在里面用其他参数可以去uniapp的API文档看看。

uni.request 参数

uni.request的使用相关推荐

get request uni 参数_uni-app 环境配置，uni.request封装，接口配置，全局配置，接口调用的封装...
1.环境配置 (可参考uni-官网的环境配置) common文件夹下新建config.js let url_config = "" if(process.env.NODE_ENV ...
uniapp H5页面使用uni.request时，出现跨域问题
概述 HBuilderX 2.5.1 uniapp中提供了uni.request进行向http请求数据(可以理解为ajax请求). uni.request 不支持 jsonp. 一种办法是:在uni- ...
uni.request接口封装；小程序uni-app接口封装
另一篇请求接口简单封装在api下的index.js 本片资源下载地址本片封装了post get put请求,重点在request.js文件 1.新增四个文件 2.根目录下的utils下的reques ...
uniapp网络请求封装；小程序请求接口封装；uni.request接口封装
另一篇全面封装文章资源文章下载地址 1.正常使用uni.request()发送请求(未封装) get() {uni.request({url: 'http://192.168.1.191/abc// ...
uni.request POST 请求后台接收不到参数
uni.request POST 请求后台接收不到参数问题描述前端用 uni.reauest 发送 POST 请求,后台接收不到参数. 原因分析是因为 uni.request 对传入 data ...
解决uni.request时uni.showtoast无效问题
问题描述封装API请求的时候,uni.request时uni.showtoastw无效: var promise = new Promise((resolve,reject) => {var ...
uni.request请求响应拦截封装
新建request.js文件 uni.addInterceptor('request', {invoke(args) {//拦截前触发let baseUrl = "https://www.x ...
uniapp uni.request GET方式请求，不能直接传数组解决方法
这里写目录标题目录遇到的问题 GET请求方法传数组解决方案目录遇到的问题 GET请求方法传数组想传一个数组,但是后台接受到的数据与浏览器中显示的数据和前台代码传的不一样: 前台代码打印浏 ...
uni-app - uni.request 网络请求超时时间配置（全局超时时间配置）
前言官方配置文档(networktimeout):https://uniapp.dcloud.io/collocation/manifest?id=networktimeout 有时候,我们需要对接 ...

uni.request的使用

uni.request的使用相关推荐

最新文章

热门文章