jsp中异步加载部分内容的实现
2014-06-19 11:33
423 查看
需求:页面中评论部分,要求在页面所有内容加载完毕后再加载评论列表。
思路:在ready中初始化评论的内容,ready中的方法在页面初始化后才执行。
实现:ready方法最后添加代码 $('#commentDiv').load("<%=basePath%>cmntController/getCommentData.do?entityId=4&dataid="+objectId);
id为commentDiv 的div中存在评论的内容。
后台代码:
ajax的实现不能满足要求,如:
思路:在ready中初始化评论的内容,ready中的方法在页面初始化后才执行。
实现:ready方法最后添加代码 $('#commentDiv').load("<%=basePath%>cmntController/getCommentData.do?entityId=4&dataid="+objectId);
id为commentDiv 的div中存在评论的内容。
后台代码:
@RequestMapping(value="getCommentData") public ModelAndView getCommentData(HttpServletRequest request, Integer entityId, String dataid){ ModelAndView model = new ModelAndView(); // 加载评论信息,跳转到评论列表页... model.setViewName("frame/comments"); return model; }comments代码:comments中可以使用包含它的页面的js包,并且可以访问到那个页面的属性、调用那个页面的方法。
<%@ page contentType="text/html;charset=UTF-8" %> <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %> <div class="addlook-header"> 这是异步加载出的页面内容 </div> <div class="comments-content"> <!-- jstl循环取出评论列表,略 --> </div>
ajax的实现不能满足要求,如:
$.get("titlenews.jsp?id=1", function(data){ $("#divitem1").html(data); });这种方式就算将链接改为跳转到后台,如果后台为跳转到jsp,则无法正常加载jsp数据,前台请求会走到error中,json请求更不符合要求。
相关文章推荐
- MVC中实现部分内容异步加载
- phpcms首页实现异步加载内容
- iframe异步加载实现点击左边菜单加载右边内容实例讲解
- spring mvc +HTML5实现移动端底部上滑异步加载更多内容分页效果
- spacetree组织架构图 实现异步加载子节点,和定制化内容展示
- iframe异步加载实现点击左边菜单加载右边内容实例讲解
- jsp实现局部刷新页面、异步加载页面的方法
- java +jsp实现的点击加载更多,实现数据的异步加载
- 异步加载界面pjax 刷新界面里的部分内容
- C#中使用异步Socket编程实现TCP网络服务的CS的通讯构架(一)----基础类库部分
- 在C#中使用异步Socket编程实现TCP网络服务的C/S的通讯构架(一)----基础类库部分
- 使用xml+jsp技术实现网页内容动态显示的方案
- ExtJS Tree利用json(直接传List TreeNode,不需要转化为JSONArray或通过JSP传)在Struts 2实现Ajax动态加载树结点
- 使用backgroundwork实现异步显示加载数据的信息。
- 自定义控件实现广告内容后期加载,以及NamingContainer层次的应用
- javscript 实现iframe加载内容页出现LOADING效果
- 利用UpdatePanel实现部分更新内容
- JavaScript实现Iframe自适应其加载的内容高度
- 通过层实现页面部分内容展开与收缩
- 先写个关于jsp的,显示个loading....待加载完才显示内容的写法