文章詳情頁
jsp實(shí)現(xiàn)局部刷新頁面、異步加載頁面的方法
瀏覽:427日期: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);
}
});
此處使用向后臺異步請求數(shù)據(jù)的方式刷新頁面,后臺返回一個(gè)jsp,來對需要刷新的控件賦值。
@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. SpringBoot中定制異常頁面的實(shí)現(xiàn)方法2. Springboot訪問templates html頁面過程詳解3. Android Webview的postUrl與loadUrl加載頁面實(shí)例4. 如何在jsp界面中插入圖片5. Eclipse3.1+MyEclipse4.0+Lomboz3.1圖解安裝開發(fā)JSP6. JavaScript中html畫布的使用與頁面存儲(chǔ)技術(shù)詳解7. Ajax實(shí)現(xiàn)表格中信息不刷新頁面進(jìn)行更新數(shù)據(jù)8. servlet+jsp實(shí)現(xiàn)過濾器 防止用戶未登錄訪問9. JSP靜態(tài)導(dǎo)入與動(dòng)態(tài)導(dǎo)入使用詳解10. PHP利用ChatGPT實(shí)現(xiàn)輕松創(chuàng)建用戶注冊頁面
排行榜

網(wǎng)公網(wǎng)安備