文章詳情頁
jsp實現局部刷新頁面、異步加載頁面的方法
瀏覽:110日期: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
相關文章:
1. Jsp servlet驗證碼工具類分享2. 解決django中form表單設置action后無法回到原頁面的問題3. asp.net web api2設置默認啟動登錄頁面的方法4. Vue 路由返回恢復頁面狀態的操作方法5. jquery實現div層隨頁面滾動而滾動(固定在某一位置)6. react-router v6實現權限管理+自動替換頁面標題的案例7. iframe實現與父頁面跨域隔離的JavaScript 代碼沙箱8. vue頁面設置滾動失敗的完美解決方案(scrollTop一直為0)9. 解決vue單頁面多個組件嵌套監聽瀏覽器窗口變化問題10. 使用JSP實現簡單的用戶登錄注冊頁面示例代碼解析
排行榜