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

}

相关推荐
java水泥工16 小时前
基于Echarts+HTML5可视化数据大屏展示-监管系统
前端·echarts·html5·可视化大屏·大屏展示
大鱼前端16 小时前
大文件上传实战:基于Express、分片、Web Worker与压缩的完整方案
javascript·node.js
灵犀坠16 小时前
前端高频知识点汇总:从手写实现到工程化实践(面试&开发双视角)
开发语言·前端·javascript·tcp/ip·http·面试·职场和发展
Q_Q51100828516 小时前
python+django/flask+vue基于web的产品管理系统
前端·spring boot·python·django·flask·node.js
chilavert31816 小时前
技术演进中的开发沉思-229 Ajax:Firefox 与 Firebug
javascript·okhttp
方也_arkling16 小时前
【JS】日期对象及时间戳的使用(制作距离指定日期的倒计时)
开发语言·javascript·ecmascript
无奈何杨16 小时前
业务如何对接风控决策,实时/异步,结果同步
前端·后端
2501_9160088916 小时前
iOS App 混淆的真实世界指南,从构建到成品 IPA 的安全链路重塑
android·安全·ios·小程序·uni-app·cocoa·iphone
小飞侠在吗16 小时前
vue watch
前端·javascript·vue.js