jsp局部刷新页面、异步加载页面方案

局部刷新页面、异步加载页面方案:

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);
            }
        });
此处使用向后台异步请求数据的方式刷新页面,后台返回一个jsp,来对需要刷新的控件赋值。
@RequestMapping("/courseList")
  public String courseList(Model model, HttpServletRequest request) throws Exception {
    model.addAttribute("xxx",null);
    return "/xxx/xxx/aaa";// 你要跳转的JSP路径
  }


版权声明:本文为u012887385原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。