Ajax请求可以设置datatype为html得到返回的html代码,再结合Jquery的$.load方法实现将html代码加载进div中
优点
- 1.html代码整合到一个html文件中,利于网络爬虫爬取网页内容
- 2.可以实现异步局部加载更新的内容
- 3.页面可以相互嵌套,并且每个部分都可以异步刷新,逻辑清晰
缺点
- 同样是因为html整合的原因,不能像iframe有独立的样式,样式会互相影响
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: