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

}

以上这篇jsp实现局部刷新页面、异步加载页面的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

以上是 jsp实现局部刷新页面、异步加载页面的方法 的全部内容, 来源链接: utcz.com/z/313218.html

回到顶部