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

本文转自：https://blog.csdn.net/u012887385/article/details/54706399

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

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路径

  }