jsp实现局部刷新页面、异步加载页面的方法

用户1289394

发布于 2021-09-22 14:56:24

4.7K0

发布于 2021-09-22 14:56:24

文章被收录于专栏：Java学习网Java学习网

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

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实现局部刷新页面、异步加载页面的方法就是小编分享给大家的全部内容了

本文参与腾讯云自媒体分享计划，分享自微信公众号。

原始发表：2021-09-15，如有侵权请联系 cloudcommunity@tencent.com 删除

jsp