uniapp api uni.request讲解

uni.request是Uniapp中用于发起网络请求的API。它类似于原生JavaScript中的XMLHttpRequest和浏览器提供的fetch函数。

使用uni.request可以发送HTTP请求,并获取响应数据。下面是uni.request的基本用法:

uni.request({
  url: 'http://api.example.com/data',
  method: 'GET',
  data: {
    param1: 'value1',
    param2: 'value2'
  },
  header: {
    'Content-Type': 'application/json'
  },
  success: function(res) {
    console.log(res.data);
  },
  fail: function(err) {
    console.log(err);
  }
});

参数说明:

  • url:请求的URL地址。
  • method:请求的方法,可选值包括'GET'、'POST'、'PUT'、'DELETE'等,默认为'GET'。
  • data:要发送的数据,可以是对象或字符串。
  • header:请求头信息,可以设置Content-Type等。
  • success:请求成功的回调函数,回调参数res包含响应数据。
  • fail:请求失败的回调函数,回调参数err包含错误信息。

注意事项:

  • Uniapp支持在manifest.json中配置跨域规则,因此可以发送跨域请求。
  • 在微信小程序中,还需要在微信公众平台后台配置域名白名单。
  • 默认情况下,Uniapp会自动将请求地址加上当前域名,如果需要发送绝对路径的请求,则需要在url前加上"/"。

uni.request返回的是一个Promise对象,可以使用async/await或.then()方法进行异步处理。

uni.request({
  url: 'http://api.example.com/data',
  method: 'GET',
  data: {
    param1: 'value1',
    param2: 'value2'
  },
  header: {
    'Content-Type': 'application/json'
  }
}).then(res => {
  console.log(res.data);
}).catch(err => {
  console.log(err);
});

总结:uni.request是Uniapp中用于发起网络请求的API,通过指定URL、请求方法、数据等参数,可以发送HTTP请求并获取响应数据。在实际开发中,可以根据需要进行配置和处理返回结果。

  • 7
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值