局部刷新頁面、異步加載頁面方案:
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è)參考,也希望大家多多支持VeVb武林網(wǎng)。
新聞熱點(diǎn)
疑難解答
圖片精選