局部刷新页面、异步加载页面方案:
1.在jsp页面需要刷新的地方增加一个控件
<div id=courseList></div>
2.新建一个jsp页面:aaa.jsp(用来放置需要刷新的内容)
3.将id为courseList的dom标签重新赋值为需要的页面,就能达到局部刷新的目的
$(‘#courseList’).html(msg);
例如:
$.ajax({
dataType:”text”,
url:basePath+’/courseList’,
data: {
courseBox : types
},success: function(msg){
//列表数据页面渲染
$(‘#courseList’).html(msg);
}
});
dataType:”text”,
url:basePath+’/courseList’,
data: {
courseBox : types
},success: function(msg){
//列表数据页面渲染
$(‘#courseList’).html(msg);
}
});
此处使用向后台异步请求数据的方式刷新页面,后台返回一个jsp,来对需要刷新的控件赋值。
@RequestMapping(“/courseList”)
public String courseList(Model model, HttpServletRequest request) throws Exception {
model.addAttribute(“xxx”,null);
return “/xxx/xxx/aaa”;// 你要跳转的JSP路径
}
public String courseList(Model model, HttpServletRequest request) throws Exception {
model.addAttribute(“xxx”,null);
return “/xxx/xxx/aaa”;// 你要跳转的JSP路径
}
以上这篇jsp实现局部刷新页面、异步加载页面的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:jsp页面 列表 展示 ajax异步实现方法
© 版权声明
文章版权归作者所有,未经允许请勿转载。