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

}

相关推荐
小文刀69614 小时前
CSS-响应式布局
前端
三小河14 小时前
overflow:auto 滚动的问题,以及flex 布局中如何设置
前端·javascript
薛定谔的算法14 小时前
phoneGPT:构建专业领域的检索增强型智能问答系统
前端·数据库·后端
Hilaku14 小时前
Token已过期,我是如何实现无感刷新Token的?
前端·javascript·面试
小文刀69614 小时前
2025-35st-w-日常开发总结
前端
我是日安14 小时前
从零到一打造 Vue3 响应式系统 Day 8 - Effect:深入剖析嵌套 effect
前端·vue.js
小lan猫14 小时前
React学习笔记(一)
前端·react.js
晨米酱14 小时前
JavaScript 中"对象即函数"设计模式
前端·设计模式
拜无忧14 小时前
【教程】Nuxt v4 入门指南与实践 (vue前端角度开发)
前端·nuxt.js
云枫晖14 小时前
手写Promise-什么是Promise
前端·javascript