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

}

相关推荐
烤麻辣烫19 分钟前
正则表达式快速掌握
前端·javascript·学习·正则表达式·html
长城202421 分钟前
HTML5中可以省略属性值的11个属性总结
前端·html·html5·属性值·省略属性值
木斯佳23 分钟前
前端八股文面经大全:小红书前端一面(2026-2-3)·面经深度解析
前端·状态模式
心之语歌1 小时前
flutter 父子组件互相调用方法,值更新
前端·javascript·flutter
岱宗夫up2 小时前
FastAPI进阶3:云原生架构与DevOps最佳实践
前端·python·云原生·架构·前端框架·fastapi·devops
赛博切图仔2 小时前
告别“打字机”:Generative UI 如何重塑 AI 时代的前端交互?
前端·人工智能·ui
wangbing11252 小时前
开发指南141-类和字节数组转换
java·服务器·前端
~央千澈~2 小时前
抖音弹幕游戏开发之第15集:添加配置文件·优雅草云桧·卓伊凡
java·前端·python
wsad05322 小时前
Shell 脚本中的多行注释和 Here Document 语法解析
前端·chrome
肖。35487870942 小时前
html中onclick误区,后续变量会更改怎么办?
android·java·javascript·css·html