iframe 实现异步加载

  

<div>
    <a target="memberListInfo" onclick="loadMemberList();" href="${pageContext.request.contextPath }/person.do?method=familymemberList&personid=${person.family.jtid }">
   家庭预览表
  </a>
</div>
<div id="loadMemberPanel" class="hiddenMember">
    <iframe id="showMemberId" frameborder="0" class="hiddenMember" width="100%" style="height:260px;width:100%;display:none;" name="memberListInfo">
    </iframe>
</div>

 

 

 

//加载成员预览信息
		function loadMemberList() {
			var loadMemberPanel = document.getElementById("loadMemberPanel");
			var showMemberId = document.getElementById("showMemberId");
			if (showMemberId.style.display == "none") {
				loadMemberPanel.className="showMember";
				showMemberId.style.display = "block";
				return true;
			}
			else {
				showMemberId.style.display = "none";
				return false;
			}
		}