广告位联系
返回顶部
分享到

jsp实现局部刷新页面和异步加载页面

JSP 来源:互联网搜集 作者:秩名 发布时间:2018-11-05 22:09:57 人浏览
摘要

今天小编给大家带来jsp实现局部刷新页面和异步加载页面的教程。 局部刷新页面、异步加载页面的方法: 1.在jsp页面需要刷新的地方增加一个控件 div id=courseList/div 2.新建一个jsp页面:aaa.jsp(用来放置需要刷新的内容) 3.将id为courseList的dom标签重新

今天小编给大家带来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路径
 }
 


版权声明 : 本文内容来源于互联网或用户自行发布贡献,该文观点仅代表原作者本人。本站仅提供信息存储空间服务和不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权, 违法违规的内容, 请发送邮件至2530232025#qq.cn(#换@)举报,一经查实,本站将立刻删除。
原文链接 :
相关文章
  • 本站所有内容来源于互联网或用户自行发布,本站仅提供信息存储空间服务,不拥有版权,不承担法律责任。如有侵犯您的权益,请您联系站长处理!
  • Copyright © 2017-2022 F11.CN All Rights Reserved. F11站长开发者网 版权所有 | 苏ICP备2022031554号-1 | 51LA统计