struts2标签显示jquery ajax从后台查询的list数据

时间:2021-11-21 22:07:02
houseInfo.jsp
<head>
<base href="<%=basePath%>">
<title>My JSP 'index.jsp' starting page</title>
<link type="text/css" rel="stylesheet" href="css/houseInfo.css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/houseInfo.js"></script>
</head>
<body>
<table border="1">
<tr>
<th>名称</th><th>业主</th><th>区域</th><th>地址</th><th>装修</th><th>楼层</th><th>户型</th><th>价格</th><th>朝向</th><th>面积</th><th>备注</th>
</tr>
<s:iterator value="houselist" id="houseInfo">
<tr class="houseInfo">
<s:hidden name="houseId" id="house.id" value="#houseInfo.id"> </s:hidden>
<s:hidden id="house.flag" value="#houseInfo.flag"> </s:hidden>
<td><s:property value="#houseInfo.name" /></td>
<td><s:property value="#houseInfo.ower.name" /></td>
<td><s:property value="#houseInfo.region" /></td>
<td><s:property value="#houseInfo.address" /></td>
<td><s:property value="#houseInfo.decoration" /></td>
<td><s:property value="#houseInfo.floor" /></td>
<td><s:property value="#houseInfo.SOLO" /></td>
<td><s:property value="#houseInfo.price" /></td>
<td><s:property value="#houseInfo.toward" /></td>
<td><s:property value="#houseInfo.area" /></td>
<td><s:property value="#houseInfo.remark" /></td>
</tr>
<br>
</s:iterator>
</table>
<div id="contract" style="display: none;">
<table id="2">
<tr>
<th>客户名称</th><th>生效日期</th><th>终止日期</th><th>月租金</th><th>总金额</th><th>物业费</th><th>网费</th><th>备注</th>
</tr>
<s:iterator value="contractlist" id="contract">
<tr>
<td><s:hidden value="#contract.id"></s:hidden></td>
<td><s:hidden value="#contract.flag" /></td>
<td><s:property value="#contract.renter.name" /></td>
<td><s:property value="#contract.start" /></td>
<td><s:property value="#contract.end" /></td>
<td><s:property value="#contract.price" /></td>
<td><s:property value="#contract.prices" /></td>
<td><s:property value="#contract.wuye" /></td>
<td><s:property value="#contract.internate" /></td>
<td><s:property value="#contract.remark" /></td>
</tr>
<br>
</s:iterator>
</table>
</div>
houseInfo.js
$(document).ready(function(){
$(".houseInfo").each(function(index){
$(this).click(function(){
$.ajax({type:"post",
url:"/hrs/getRenterByHouseContractAction.action",
success:$("#contract").css("display","block")
});
});
});
});
已验证后台能够查询到contractlist,并且返回到当前页面。但是就是无法显示table2中的信息。

7 个解决方案

#1


theme="simple"好像有點影響

#2


<s:iterator value="#request.contractlist" id="contract">
<tr>
<td><s:hidden value="id"></s:hidden></td>
<td><s:hidden value="flag" /></td>
<td><s:property value="renter.name" /></td>
<td><s:property value="start" /></td>
<td><s:property value="end" /></td>
<td><s:property value="price" /></td>
<td><s:property value="prices" /></td>
<td><s:property value="wuye" /></td>
<td><s:property value="internate" /></td>
<td><s:property value="remark" /></td>
</tr>
<br>
</s:iterator>

这样写吧··

#3


不好意思没看清楚,是一个能显示一个显示不了吗?

#4


你可以尝试用个别的 比如JSTL 其实很简单的 

#5


这样我想永远也获不到值吧,ajax请求是不会刷新页面的类容。在初始化的时候
<s:iterator value="#request.contractlist" id="contract">
已经初始为空了。
虽然在执行回调函数后id="contract"里面的类容改变了。但是,没有刷新页面怎么会显示出来的。
返回的JSON数据应该转化成JS数组之后通过JS来控制CSS显示吧

#6


楼上正解,能查到contractlist是不错

但页面已经加载完了,再用ajax请求返回是不会显示的

请了解ajax的用处,异步JavaScript And XML,

找个jQuery+struts2的Demo看下应该能解决你的问题

#7


引用 5 楼  的回复:
这样我想永远也获不到值吧,ajax请求是不会刷新页面的类容。在初始化的时候
<s:iterator value="#request.contractlist" id="contract">
已经初始为空了。
虽然在执行回调函数后id="contract"里面的类容改变了。但是,没有刷新页面怎么会显示出来的。
返回的JSON数据应该转化成JS数组之后通过JS来控制CSS显示吧


嗯嗯··异步的是取不到值

#1


theme="simple"好像有點影響

#2


<s:iterator value="#request.contractlist" id="contract">
<tr>
<td><s:hidden value="id"></s:hidden></td>
<td><s:hidden value="flag" /></td>
<td><s:property value="renter.name" /></td>
<td><s:property value="start" /></td>
<td><s:property value="end" /></td>
<td><s:property value="price" /></td>
<td><s:property value="prices" /></td>
<td><s:property value="wuye" /></td>
<td><s:property value="internate" /></td>
<td><s:property value="remark" /></td>
</tr>
<br>
</s:iterator>

这样写吧··

#3


不好意思没看清楚,是一个能显示一个显示不了吗?

#4


你可以尝试用个别的 比如JSTL 其实很简单的 

#5


这样我想永远也获不到值吧,ajax请求是不会刷新页面的类容。在初始化的时候
<s:iterator value="#request.contractlist" id="contract">
已经初始为空了。
虽然在执行回调函数后id="contract"里面的类容改变了。但是,没有刷新页面怎么会显示出来的。
返回的JSON数据应该转化成JS数组之后通过JS来控制CSS显示吧

#6


楼上正解,能查到contractlist是不错

但页面已经加载完了,再用ajax请求返回是不会显示的

请了解ajax的用处,异步JavaScript And XML,

找个jQuery+struts2的Demo看下应该能解决你的问题

#7


引用 5 楼  的回复:
这样我想永远也获不到值吧,ajax请求是不会刷新页面的类容。在初始化的时候
<s:iterator value="#request.contractlist" id="contract">
已经初始为空了。
虽然在执行回调函数后id="contract"里面的类容改变了。但是,没有刷新页面怎么会显示出来的。
返回的JSON数据应该转化成JS数组之后通过JS来控制CSS显示吧


嗯嗯··异步的是取不到值