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("查询失败")

}

相关推荐
深蓝AI8 小时前
Meta 开源用了八年的设计系统 astryx:连坐两天 GitHub 总榜第一,组件库开始写给 agent 的说明书
前端·人工智能
IT_陈寒8 小时前
Vue的watch把我坑惨了,原来要这样用才靠谱
前端·人工智能·后端
1-1=08 小时前
Vue 3 模板语
前端·javascript·vue.js
用户7610304473719 小时前
【转战智能眼镜开发】ROKID AIUI 小游戏 亚马逊标枪项目实战讲解
前端
风卿9 小时前
看着AI写代码太孤独了,来欣赏星云吧:一个DSH 装饰插件
前端·javascript
牧艺9 小时前
弹层不用再手算坐标了:CSS Anchor Positioning 从原理到可上线
前端·javascript·css
用户老李9 小时前
YOLO 目标检测自学教程 07:YOLOv3——多尺度预测
前端
moshuying9 小时前
ESP32 墨水屏金价牌(上):从点亮到把图片推过去
前端
李剑一10 小时前
别再抬杠,前端岗已经没了!无论前后端,我们最终都要成“全干”工程师
前端·面试
Highcharts.js10 小时前
Highcharts 仪表盘与速度仪图表库介绍
前端·信息可视化·仪表板·highcharts·图表开发·图表库·仪表可视化