html(data)代替iframe

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: