您的位置:首頁技術文章
文章詳情頁

jsp實現局部刷新頁面、異步加載頁面的方法

瀏覽:169日期:2022-06-07 15:39:47

局部刷新頁面、異步加載頁面方案:

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實現局部刷新頁面、異步加載頁面的方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。

標簽: JSP
相關文章:
国产综合久久一区二区三区