Ajax轮询更改session后前台页面session更新问题

最新推荐文章于 2022-11-17 21:07:37 发布

it_noone

最新推荐文章于 2022-11-17 21:07:37 发布

阅读量5.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Java web 后台开发文章标签： ajax bbs spring mybatis struts2

本文链接：https://blog.youkuaiyun.com/youseenoonehere/article/details/60467625

Java web 后台开发专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种在BBS系统中实现帖子即时刷新的方法，通过Ajax周期性地请求后台获取最新的帖子数据，并以JSON形式返回，前端使用jQuery进行DOM更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

先说我遇到的问题，我在写一个bbs系统，用到了struts2 mybatis spring 三个框架，在写查询所有的帖子并且显示在主页面时，我是用struts 2 带的 <s>标签遍历session数据，将所有的帖子存在了session中，但是我想实现一个即时刷新的功能，即有其他人在发帖子然后我在这可以看到直接更新出来。

最开始我采用的是ajax 调用后台查询数据库更新session 然后我没返回任何数据当然结果可想而知，前面没更新。然后我看了看别人的博客看了看别人的论坛。发现没几个能写好的然后我就换个思路，不更新session了然后将list转成json数据并且返回。

话不多说上代码

后台代码：

		HttpServletRequest request=ServletActionContext.getRequest();
		HttpServletResponse response=ServletActionContext.getResponse();
		response.setCharacterEncoding("utf-8");//解决乱码问题
	
		
		List<Note>list=userService.checknote();
		
		//将list集合转换成json格式
		String json=JSONArray.fromObject(list).toString();
		response.getWriter().print(json);
		return null;

前台js代码

<script type="text/javascript">
 window.setInterval("shownote();",1000);//定时调用这个函数 达到即时刷新的作用
//页面一加载完就运行
$(function(){
	shownote();
	});
function shownote(){
	$.post("user_checkNote",function(data){
			var dataObj=eval("("+data+")");
				temp=document.getElementById("ul");
				lis=temp.getElementsByTagName("li").length;
				if(lis<dataObj.length){
					$("#ul").html("");
					for(var i=0;i<dataObj.length;i++){
						
						$("#ul").append("<li> <a href='${pageContext.request.contextPath }/user_lookdetail?id="+dataObj[i].id+" '>"+dataObj[i].notehead+"</a><br><br></li>");
					}
				}
	});

} 
</script>

下面是jsp代码中的<ul><li>

<h3>	
				
				<ul id="ul">
				
				
				
				</ul>
				
									
					
				</h3>

OK　这个就行了　主要是ajax返回数据后用for循环遍历用

$("#ul").append

将遍历的添加到<ul>里面，添加之前应该先判断后台数据是否更新若更新的话将原本页面上的数据清空，在重新添加。若没有更新就不做操作。