数据取出后在前台页面固定显示最新10条数据，自动刷新滚动播放如何实现

数据取出后在前台页面固定显示最新10条数据，自动刷新滚动播放怎么实现？

本帖最后由 lhxaiee123 于 2014-09-28 14:58:59 编辑

用的是Struts2框架，数据从Oracle中取出后以jason形式显示在前台页面上，现在要实现类似微博墙一样，在一个iframe中自动刷新，总是显示最新的10条条目，该如何实现。
前台页面读取Json代码：

function loadJson()

		{

			$.ajax({

				url: '<%=basePath%>ftslJson/ftsl_see.do?id=${param.id}&_='+ +new Date(),

				dataType: 'text',//此处可以写成:dataType: 'xml',若如此则 data = $.parseXML(data); 可不写。

				type: 'GET',

				timeout: 2000,

				error: function(data)

				{

					alert("加载json 文件出错！");

					  

				},


				success: function(data)

				{

					data = $.parseJSON(data);

					var str = "";

				    for (var one in data)

				    {

				    	var tr="<tr>";

						tr+=$("#model").html();

						var shrmz = data[one].shrmz;

						var rmame = data[one].rname;

						var shnr = data[one].shnr;

						tr=tr.replace('#shrmz#',shrmz);

						tr=tr.replace('#shnr#',shnr);

						tr+="</tr>";

						$(".dateform-bk4").html($(".dateform-bk4").html()+tr); 

				    }

				}

			});

		}

页面显示代码：



<body>

	<table width="100%" class="dateform-bk4">

	 	<tr id="model" style="display: none;">

      	<td>    

      		<span>

	      		<c:if test="${rname=='主持人'}">

	      			“主持人”

	      		</c:if>

	      		<c:if test="${rname!='主持人'}">

	      			“#shrmz#”

	      		</c:if>

      		</span>

      		<p>#shnr#</p>

     		</td>

    	</tr>	   		   		

	</table>

	 <div class="page">  

	 <jsp:include page="/pageinfo.jsp"  flush="true"/>

	</div>

  </body>

xml文件：



<package name="ftslJson" namespace="/ftslJson" extends="json-default">

		<action name="ftsl_see" class="com.krt.www.action.FtslWww" method="initJson" >  

			<result name="init" type="stream">  

				<param name="contentType">text/plain</param>  

				<param name="inputName">jsonStream</param>  

			</result> 

		</action>

	</package>

数据条目显示效果：

------解决思路----------------------
可以定时去数据库查询
或者每次那个表有数据插入的时候调用一下这个方法返回最新的10条记录
至于页面
有相关的js特效可以去网上搜
大把的
没什么难度的

数据取出后在前台页面固定显示最新10条数据，自动刷新滚动播放如何实现

相关推荐