jsp實現(xiàn)局部刷新頁面、異步加載頁面的方法

來源：本站原創(chuàng)|時間：2020-01-11|欄目：JSP編程|點擊：次

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

1.在jsp頁面需要刷新的地方增加一個控件

<div id=courseList></div>

2.新建一個jsp頁面：aaa.jsp（用來放置需要刷新的內(nèi)容）

3.將id為courseList的dom標簽重新賦值為需要的頁面，就能達到局部刷新的目的

$('#courseList').html(msg);

例如：

$.ajax({
   dataType:"text",
   url:basePath+'/courseList',
   data: { 
    courseBox : types
   },success: function(msg){
    //列表數(shù)據(jù)頁面渲染
    $('#courseList').html(msg);
   }
  });

此處使用向后臺異步請求數(shù)據(jù)的方式刷新頁面，后臺返回一個jsp，來對需要刷新的控件賦值。

@RequestMapping("/courseList")
 public String courseList(Model model, HttpServletRequest request) throws Exception {
 model.addAttribute("xxx",null);
 return "/xxx/xxx/aaa";// 你要跳轉(zhuǎn)的JSP路徑
 }

以上這篇jsp實現(xiàn)局部刷新頁面、異步加載頁面的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持我們。

上一篇：JSP實現(xiàn)帶查詢條件的通用分頁組件

欄目：JSP編程

下一篇：JSP使用過濾器防止Xss漏洞

本文標題：jsp實現(xiàn)局部刷新頁面、異步加載頁面的方法

本文地址：http://mengdiqiu.com.cn/a1/JSPbiancheng/11419.html

更多JSP編程