Ajax請(qǐng)求可以設(shè)置datatype為html得到返回的html代碼锅铅，再結(jié)合Jquery的$.load方法實(shí)現(xiàn)將html代碼加載進(jìn)div中
優(yōu)點(diǎn)
- 1.html代碼整合到一個(gè)html文件中，利于網(wǎng)絡(luò)爬蟲爬取網(wǎng)頁(yè)內(nèi)容
- 2.可以實(shí)現(xiàn)異步局部加載更新的內(nèi)容
- 3.頁(yè)面可以相互嵌套殴瘦，并且每個(gè)部分都可以異步刷新狠角，邏輯清晰
缺點(diǎn)
- 同樣是因?yàn)閔tml整合的原因号杠，不能像iframe有獨(dú)立的樣式蚪腋，樣式會(huì)互相影響
var pageNo = $("li[page].active").attr("page");
$.ajax({
type:"POST",
url:"/appcreator/user/userList?pageNo="+pageNo,
data:$("#searchForm").serialize(),
dataType:"HTML",
success:function (data) {
$("#content2").html(data);
}
});
-
UI框架嵌套
index.jsp:
userContext.jsp:
userList.jsp:
