当前位置 博文首页 > jsp实现局部刷新页面、异步加载页面的方法

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

    作者:kominancy 时间:2021-08-28 18:56

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

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

    jsjbwy