`uni.request` 是 uni-app 中用于网络请求的 API。

使用说明

uni.request 是用来发送网络请求的,可以请求各种 HTTP 接口。它是一个全局的 API,在 uni-app 的所有平台都可使用。

API 结构

uni.request 的基本结构如下:

javascript 复制代码
uni.request({
  url: 'https://example.com/request', // 服务器接口地址
  data: {
    // 要发送给服务器的数据
  },
  header: {
    // 设置请求的 header
  },
  method: "GET", // 默认为 GET,有效值:OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
  dataType: 'json', // 如果设为 json,会尝试对返回的数据做一次 JSON.parse
  responseType: 'text', // 设置响应的数据类型。合法值:text、arraybuffer
  success: function (res) {
    // 请求成功的处理逻辑
  },
  fail: function (err) {
    // 请求失败的处理逻辑
  },
  complete: function () {
    // 请求完成的处理逻辑(请求成功或失败时都会被调用)
  }
});

示例代码

下面是一个使用 uni.request 的示例:

javascript 复制代码
uni.request({
  url: 'https://example.com/api', // 你的接口地址
  data: {
    text: 'uni-app'
  },
  method: 'POST',
  success: res => {
    console.log(res.data);
  },
  fail: err => {
    console.error('请求接口失败:', err);
  },
  complete: () => {
    // 无论请求成功或失败都会执行
    console.log('请求完成');
  }
});

在这个示例中,通过 POST 方法向指定的 URL 发送数据。如果请求成功,success 回调将被调用,并且 res.data 将包含服务器返回的数据。如果请求失败,fail 回调将被调用,并且 err 参数将包含错误信息。不论成功或失败,complete 回调都将最终被执行。

注意:所有的请求过程都是异步的,successfailcomplete 回调函数将在请求过程结束后被调用。

更多详情请查看 uni-app 官方文档

相关推荐
徐小夕2 小时前
花了一周时间,我们开源了一款PDF编辑SDK,支持在线批注+脱敏
前端·vue.js·github
前端Hardy2 小时前
NW.js v0.109.1 最新稳定版发布:被遗忘的桌面开发神器?启动快 3 倍,内存省 70%!
前端·javascript·vue.js
踩着两条虫3 小时前
AI驱动的Vue3应用开发平台 深入探究(十四):扩展与定制之插件系统开发指南
vue.js·人工智能·低代码·重构·架构
Jay叶湘伦3 小时前
【极简】用 Vue 写一个 ChatGPT 前端应用,支持连续对话、Markdown 渲染与本地记忆
前端·vue.js·chatgpt
pengles4 小时前
基于RuoYi-Vue-Plus项目实现移动端项目
java·vue.js·uni-app
Traced back5 小时前
[特殊字符] Vue3 常用指令大全
前端·javascript·vue.js
wuhen_n6 小时前
《Vue3+TS+Vite 高效编程与优化实践》专栏收尾
前端·javascript·vue.js
小雨cc5566ru6 小时前
基于Nodejs+vue+ElementUI的大学生课程排课管理系统设计
前端·vue.js·elementui
qq_8406122336 小时前
Nodejs+vue+ElementUI框架的家政服务评价系统 保洁员预约系统的设计与实现
前端·vue.js·elementui
计算机应用技术三班-欧婷6 小时前
ElementUI从入门到实战全攻略
前端·vue.js·ui