uniapp api uni.request讲解

2023-12-16 21:26:01

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请求并获取响应数据。在实际开发中,可以根据需要进行配置和处理返回结果。

文章来源:https://blog.csdn.net/zzx262625/article/details/135036750
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。