欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-09-07 10:51:55
局部刷新页面、异步加载页面方案: 1.在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实现局部刷新页面、异步加载页面的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。