文章詳情頁
jsp實(shí)現(xiàn)局部刷新頁面、異步加載頁面的方法
瀏覽:41日期:2022-06-07 15:39:47
局部刷新頁面、異步加載頁面方案:
1.在jsp頁面需要刷新的地方增加一個(gè)控件
<div id=courseList></div>
2.新建一個(gè)jsp頁面:aaa.jsp(用來放置需要刷新的內(nèi)容)
3.將id為courseList的dom標(biāo)簽重新賦值為需要的頁面,就能達(dá)到局部刷新的目的
$("#courseList").html(msg);
例如:
$.ajax({ dataType:"text", url:basePath+"/courseList", data: { courseBox : types },success: function(msg){ //列表數(shù)據(jù)頁面渲染 $("#courseList").html(msg); } });
此處使用向后臺(tái)異步請(qǐng)求數(shù)據(jù)的方式刷新頁面,后臺(tái)返回一個(gè)jsp,來對(duì)需要刷新的控件賦值。
@RequestMapping("/courseList") public String courseList(Model model, HttpServletRequest request) throws Exception { model.addAttribute("xxx",null); return "/xxx/xxx/aaa";// 你要跳轉(zhuǎn)的JSP路徑 }
以上這篇jsp實(shí)現(xiàn)局部刷新頁面、異步加載頁面的方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持。
標(biāo)簽:
JSP
相關(guān)文章:
1. JavaScript實(shí)現(xiàn)頁面動(dòng)態(tài)驗(yàn)證碼的實(shí)現(xiàn)示例2. 基于javaweb+jsp實(shí)現(xiàn)企業(yè)車輛管理系統(tǒng)3. Vue 路由返回恢復(fù)頁面狀態(tài)的操作方法4. jquery實(shí)現(xiàn)div層隨頁面滾動(dòng)而滾動(dòng)(固定在某一位置)5. Vue 頁面監(jiān)聽用戶預(yù)覽時(shí)間功能的實(shí)現(xiàn)代碼6. 基于javaweb+jsp實(shí)現(xiàn)學(xué)生宿舍管理系統(tǒng)7. JSP頁面的靜態(tài)包含和動(dòng)態(tài)包含使用方法8. Android實(shí)現(xiàn)觸發(fā)html頁面的Button控件點(diǎn)擊事件方式9. 詳解vuejs中執(zhí)行npm run dev出現(xiàn)頁面cannot GET/問題10. SSM框架JSP使用Layui實(shí)現(xiàn)layer彈出層效果
排行榜
