JS 接收后台传入的数据

最新推荐文章于 2023-12-02 01:12:07 发布

原创最新推荐文章于 2023-12-02 01:12:07 发布 · 1w 阅读

10 ·

CC 4.0 BY-SA版权

问题解决专栏收录该内容

5 篇文章

订阅专栏

思路一

1、后台传入数据

model.addAttribute("pickListModels", JSON.toJSONString(map));

2、页面使用input接收

<input type="hidden" id="pickListModels" value='${pickListModels}'>

3、在js页面处理

var data = $("#pickListModels").val();
var val = eval("("+data+")");
console.log(val);

4、输出结果为

{id:2, text: "赵云 13625599886", type: "1"}

思路二

<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
<title>数据中心</title>
<meta name="decorator" content="default" />
<script type="text/javascript">
	$(document).ready(function() {
		function autoLoad(){  
			var reportName = '<%=request.getAttribute("reportName")%>';
        	var url = '<%=request.getAttribute("url")%>';
        	var reportURL = url+ reportName +".cpt";
        	//将新的报表路径赋给报表所在iframe的src  
        	document.getElementById("reportFrame").src = reportURL; 
    	}  
    	//加载网页时调用autoLoad方法  
   		window.onload = autoLoad; 
	});
</script>
</head>
<body>
<!-- 	<ul class="nav nav-tabs"> -->
<!-- 		<li class="active"><a href="#">数据分析</a></li> -->
<!-- 	</ul> -->
	<sys:message content="${message}"/>
	<iframe id="reportFrame" name="reportFrame" width="100%" height="800" frameborder="0"></iframe> 
</body>
</html>

<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
	<title>财务核算</title>
	<meta name="decorator" content="default"/>
	<script src="${ctxJs}/comm/carryover/commCarryoverInfoAccount.js" type="text/javascript"></script>
	<script type="text/javascript">

//$(function() {}) 是$(document).ready(function()的简写
		$(function(){
			if('${cpt}' == ''){
				var cpt = $('ul li:first').attr('cpt');
				if(cpt == undefined || cpt == ''){
					$('#fineReport').hide();
					$('#fr-iframe').attr('src','');
				}else{
					var src = '${url}?reportlet=account/'+cpt+'.cpt&fincSubId=${fincSubId}&period=${period}&userId=${userId}&__bypagesize__=false';
					$('ul li:first').addClass('active');
					$('#fr-iframe').attr('src',src);
				}
			}else{
				var src = '${url}?reportlet=account/${cpt}.cpt&fincSubId=${fincSubId}&period=${period}&userId=${userId}&__bypagesize__=false';
				$('#fr-iframe').attr('src',src);
			};
		})
	</script>
</head>
<body>
	<sys:messageAll content="${message}"/>
	<div class="">
		<h2 class="page-header">当前期间为：${wyPeriod.setPeriod }
			<small>期间状态：${fns:getDictLabel(wyPeriod.status, 'period_status', '')} 
				<c:if test="${wyPeriod.status eq '1'}">记账状态：${isAccount ? '记账完成' : '请记账'}</c:if>
			</small>
		</h2>
		<h4><strong>期间开始时间：<fmt:formatDate value="${wyPeriod.setDate}" pattern="yyyy-MM-dd HH:mm:ss"/></strong></h4><br/>
	</div>
	<div id="fineReport" style="width:100% height:600px">
		<legend></legend>
		<ul class="nav nav-tabs">
			<li class="${cpt eq 'DeptRealForm' ? 'active' : ''}" cpt="DeptRealForm"><a href="${ctx}/carryover/commCarryoverInfo/account?type=DeptRealForm">部门收款日报</a></li>
			<shiro:hasPermission name="carryover:commCarryoverInfo:JT">
			<li class="${cpt eq 'JTReceReports' ? 'active' : ''}" cpt="JTReceReports"><a href="${ctx}/carryover/commCarryoverInfo/account?type=JTReceReports">集团（租赁）本月租金</a></li>
			</shiro:hasPermission>
		
		</ul><br/>
		<iframe id="fr-iframe" src='' width="100%" height="1000px" frameborder="0"></iframe>
	</div>
</body>
</html>