网络编程 
首页 > 网络编程 > 浏览文章

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

(编辑:jimmy 日期: 2025/2/27 浏览:3 次 )

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

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实现局部刷新页面、异步加载页面的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

上一篇:使用IDEA编写jsp时EL表达式不起作用的问题及解决方法
下一篇:Jsp servlet验证码工具类分享
一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。