泛微通过js调取外部接口文件

最新推荐文章于 2024-04-16 20:16:31 发布

weixin_41808915

最新推荐文章于 2024-04-16 20:16:31 发布

阅读量697

点赞数 14

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/weixin_41808915/article/details/136562156

版权

文章讲述了如何在泛微在线前端环境中，使用JavaScript通过AJAX分别在电脑端和移动端调用外部接口获取用户的请假信息，包括可用假期天数和请假长度，并实时更新页面显示。

摘要由CSDN通过智能技术生成

泛微在线前端通过js调取外部接口信息：

电脑端代码：

<!-- script代码，如果需要引用js文件，请使用与HTML中相同的方式。 -->
<script type="text/javascript">
$(function () {
	$("#field12630,#field12279,#field12280,#field12281,#field12282").bindPropertyChange(function () {
		getHolidayInfo();
	});
});

// 根据开始日期和结束日期调用接口获取请假的天数
function getHolidayInfo() {
	//工号
	var workcode = $("#field12272").val();
	// 外出流程需要获取交通工具，请假流程可以改为固定值
	//交通工具
	var transport = '50';
	//假期类型
	var type = $("#field12630").val();
	//开始日期
	var beginDate = $("#field12279").val();
	//开始时间
	var beginTime = $("#field12280").val();
	//结束日期
	var endDate = $("#field12281").val();
	//结束时间
	var endTime = $("#field12282").val();
	//是都带薪
	var sfdx = $("#field12662").val();
	if (beginDate !== '' && endDate !== '') {
		$.ajax({
			url: '/custompage/HolidayInfoAjax.jsp',
			data: {
				'type': type,
				'beginDate': beginDate,
				'endDate': endDate,
				'transport': transport,
				'workcode': workcode,
				'sfdx': sfdx,
				'beginTime': beginTime,
				'endTime': endTime
			},
			type: 'POST',
			async: false,
			success: function (result) {
				var data = eval('(' + result + ')');
                                 //alert("表单data"+data);
                                   //alert("表单data1"+data.available);
				// 可用假期天数
				var available = data.available;
				$("#field12278").val("可用小时数：" + available);
				$("#field12278span").html("可用小时数：" + available);
				// 请假长度
				var qjcd = data.Amount;
				$("#field12600").val(qjcd);
				$("#field12600span").html(qjcd);
			}
		});
	}
}

</script>

移动端代码：

<!-- script代码，如果需要引用js文件，请使用与HTML中相同的方式。 -->
<script type="text/javascript">
$(function () {
	$("#field12630,#field12279,#field12280,#field12281,#field12282").bindPropertyChange(function () {
		getHolidayInfo();
	});
});

// 根据开始日期和结束日期调用接口获取请假的天数
function getHolidayInfo() {
	//工号
	var workcode = $("#field12272").val();
	// 外出流程需要获取交通工具，请假流程可以改为固定值
	//交通工具
	var transport = '50';
	//假期类型
	var type = $("#field12630").val();
	//开始日期
	var beginDate = $("#field12279").val();
	//开始时间
	var beginTime = $("#field12280").val();
	//结束日期
	var endDate = $("#field12281").val();
	//结束时间
	var endTime = $("#field12282").val();
	//是都带薪
	var sfdx = $("#field12662").val();
	if (beginDate !== '' && endDate !== '') {
		$.ajax({
			url: '/mobile/plugin/HolidayInfoAjax.jsp',
			data: {
				'type': type,
				'beginDate': beginDate,
				'endDate': endDate,
				'transport': transport,
				'workcode': workcode,
				'sfdx': sfdx,
				'beginTime': beginTime,
				'endTime': endTime
			},
			type: 'GET',
			async: false,
			success: function (result) {
				var data= eval('(' +result+ ')');
				// 可用假期天数
				var available = data.available;
				$("#field12278").val("可用小时数：" +available);
				$("#field12278_span").html("可用小时数：" +available);
				// 请假长度
				var qjcd = data.Amount;
				$("#field12600").val(qjcd);
				$("#field12600_span").html(qjcd);
			}
		});
	}
}

</script>