文章詳情頁(yè)
jsp實(shí)現(xiàn)局部刷新頁(yè)面、異步加載頁(yè)面的方法
瀏覽:396日期:2022-06-07 15:39:47
局部刷新頁(yè)面、異步加載頁(yè)面方案:
1.在jsp頁(yè)面需要刷新的地方增加一個(gè)控件
<div id=courseList></div>
2.新建一個(gè)jsp頁(yè)面:aaa.jsp(用來(lái)放置需要刷新的內(nèi)容)
3.將id為courseList的dom標(biāo)簽重新賦值為需要的頁(yè)面,就能達(dá)到局部刷新的目的
$("#courseList").html(msg);
例如:
$.ajax({
dataType:"text",
url:basePath+"/courseList",
data: {
courseBox : types
},success: function(msg){
//列表數(shù)據(jù)頁(yè)面渲染
$("#courseList").html(msg);
}
});
此處使用向后臺(tái)異步請(qǐng)求數(shù)據(jù)的方式刷新頁(yè)面,后臺(tái)返回一個(gè)jsp,來(lái)對(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)局部刷新頁(yè)面、異步加載頁(yè)面的方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持。
標(biāo)簽:
JSP
相關(guān)文章:
1. ajax實(shí)現(xiàn)頁(yè)面的局部加載2. jsp實(shí)現(xiàn)登錄驗(yàn)證的過(guò)濾器3. jsp網(wǎng)頁(yè)實(shí)現(xiàn)貪吃蛇小游戲4. Vue單頁(yè)面應(yīng)用中實(shí)現(xiàn)Markdown渲染5. android Web跳轉(zhuǎn)到app指定頁(yè)面并傳遞參數(shù)實(shí)例6. 詳解JSP 內(nèi)置對(duì)象request常見(jiàn)用法7. JSP+Servlet實(shí)現(xiàn)文件上傳到服務(wù)器功能8. jsp+dao+bean+servlet(MVC模式)實(shí)現(xiàn)簡(jiǎn)單用戶(hù)登錄和注冊(cè)頁(yè)面9. Jsp中request的3個(gè)基礎(chǔ)實(shí)踐10. Python爬蟲(chóng)實(shí)現(xiàn)模擬點(diǎn)擊動(dòng)態(tài)頁(yè)面
排行榜

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