jsp实现局部刷新页面、异步加载页面的方法
网络 2018-06-15 2771
局部刷新页面、异步加载页面方案：
1.在jsp页面需要刷新的地方增加一个控件
1 | <div id=courseList></div> |
2.新建一个jsp页面：aaa.jsp（用来放置需要刷新的内容）
3.将id为courseList的dom标签重新赋值为需要的页面，就能达到局部刷新的目的
1 | $('#courseList').html(msg); |
例如：
1 2 3 4 5 6 7 8 9 10 | $.ajax({ dataType:"text", url:basePath+'/courseList', data: { courseBox : types },success: function(msg){ //列表数据页面渲染 $('#courseList').html(msg); } }); |
此处使用向后台异步请求数据的方式刷新页面，后台返回一个jsp，来对需要刷新的控件赋值。
1 2 3 4 5 | @RequestMapping("/courseList") public String courseList(Model model, HttpServletRequest request) throws Exception { model.addAttribute("xxx",null); return "/xxx/xxx/aaa";// 你要跳转的JSP路径 } |
以上这篇jsp实现局部刷新页面、异步加载页面的方法就是小编分享给大家的全部内容了，希望能给大家一个参考
