uni-app:请求后端数据uni.request

完整代码:

javascript 复制代码
onLoad() {
			uni.request({
				url: getApp().globalData.position + 'Produce/select_employee',
				data: {
					username: getApp().globalData.username,
				},
				method: 'POST',
				dataType: 'json',
				success: res => {
					this.employee_name = res.data.info.employee_name;
					// console.log(res.data.info.employee_name)
				},
				fail(res) {
					console.log("查询失败")
				}
			});
		},

核心

  • 使用的方法

uni.request({...});

  • 与接口相连接的路径

注:这里标红的部分为全局变量

例如:url:'https://域名/api/Produce/select_employee'(表示在使用该域名下的api中的Produce文件的select_employee方法)

url: getApp().globalData.position + 'Produce/select_employee',

  • 传入数据到后端

data: {

username: getApp().globalData.username,

},

  • 使用的方法

method: 'POST',

  • 数据格式

dataType: 'json',

  • 成功请求到后端执行操作

这里是将data中的employee_name赋值为成功请求到的数据的info下的employee_name的值

success: res => {

this.employee_name = res.data.info.employee_name;

},

请求到后端失败执行操作

fail(res) {

console.log("查询失败")

}

相关推荐
阿珊和她的猫8 分钟前
深入理解 Vue 3 的 `setup` 函数
前端·vue.js·状态模式
weixin1997010801614 分钟前
微店商品详情页前端性能优化实战
前端·性能优化
FindYou.14 分钟前
基于mdEditor实现数据的存储和回显(导出pdf&表情包&目录)
javascript·vue
星火开发设计20 分钟前
STL 容器:vector 动态数组的全面解析
java·开发语言·前端·c++·知识
天開神秀27 分钟前
解决 n8n 在 Windows 上安装社区节点时 `spawn npm ENOENT/EINVAL` 错误
前端·windows·npm
工业HMI实战笔记30 分钟前
图标标准化:一套可复用的工业图标库设计指南
前端·ui·性能优化·自动化·汽车·交互
2501_9269783337 分钟前
分形时空理论框架:从破缺悖论到意识宇宙的物理学新范式引言(理论概念版)--AGI理论系统基础1.1
java·服务器·前端·人工智能·经验分享·agi
We་ct39 分钟前
LeetCode 146. LRU缓存:题解+代码详解
前端·算法·leetcode·链表·缓存·typescript
SuperEugene1 小时前
数组查找与判断:find / some / every / includes 的正确用法
前端·javascript
孙笑川_1 小时前
Vue3 源码解析系列 1:从 Debugger 视角读 Vue
前端·vue.js·源码阅读