局部刷新

topicDetails.jsp:
<div class="right_theme" id="rightTheme">
             
</div>
<jsp:include page='/common/page.jsp'/>
$("#rightTheme").load(url);
document.getElementById("rightTheme").url=url;

 topic_knowledge.jsp:

<script type="text/javascript" src="<c:out value="${ctx}"/>/js/jquery-1.4.min.js"></script>
<script type="text/javascript" src="<c:out value="${ctx}"/>/js/commonKE.js"></script>
<script type="text/javascript">
ajaxAnywhere.getZonesToReload = function() { return "zoneName"; }


</script>
<aa:zone name="zoneName">
<form action="<c:out value="${ctx}"/>/topic.do?method=showKnowByNowTopic" method="post" id="mainform" name="mainform">
  <input type="hidden" id="topicId" name="topicId" value="${topicId}"/>
......
</form>
<!--搜索  -->
function searchByName(){
	var f = document.forms[0];
	var searchName = document.getElementById("searchNamehi").value;
	document.getElementById("searchName").value=searchName;
	ajaxAnywhere.formName = "mainform";
	ajaxAnywhere.submitAJAX();
//	f.action="<c:out value="${ctx}"/>/myContributeController.do?method=departementKnowledgePageRight&searchName="+searchName;
//	f.submit();
}
<%@ include file="/common/common.jsp"%>:
<%= "<!-- "+request.getRequestURI()+" -->" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> 
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<%@ taglib uri="http://ajaxanywhere.sourceforge.net/" prefix="aa" %>
<link rel="stylesheet" href="<c:out value="${ctx}"/>/css/common.css" type="text/css" />
<script language="javascript" src="<c:out value="${ctx}"/>/erm-commons/scripts/aa.js" type="text/JavaScript"></script>
<script>
/**
*  Default sample loading message show function. Overrride it if you like.
*/
AjaxAnywhere.prototype.showLoadingMessage = function() {
    var div = document.getElementById("AA_" + this.id + "_loading_div");
    if (div == null) {
        div = document.createElement("DIV");

        document.body.appendChild(div);
        div.id = "AA_" + this.id + "_loading_div";

        div.className = "aa-mask";
        div.innerHTML = "<div></div>";
       
    }

    div.style.display = "";
}
</script>
<style>

   .aa-mask {
		    z-index: 100000;
		    position: absolute;
		    top:0;
		    left:0;
		    font-style:normal;
		    -moz-opacity: 80;
		    opacity: 80;
		    filter: alpha(opacity=60,finishopacity=2);
		    width: 100%;
		    height: 100%;
		    background-color:#ffffff;
		    zoom: 1;
		    text-align: center;
		}
	 .aa-mask div{
	 	position: absolute;
		width: 150px;
		height: 150px;
	 	background-image:url("<c:out value="${ctx}"/>/erm-commons/theme/2010/images/loading.gif");
	    top:40%;
	  }

</style>

另:

需加的部分(

  •  ajaxAnywhere.getZonesToReload = function() { return "zoneName"; }
  • <aa:zone name="zoneName">
  • ajaxAnywhere.formName = "mainform";
  • ajaxAnywhere.submitAJAX();
  • <form id="mainform" name="mainform">
  • <%@ include file="/common/common.jsp"%>

实现局部刷新:刷新父页面的某一个iframe;(div的ID="modelload")

window.parent.$("#modelload").load(url);

 

转载于:https://my.oschina.net/u/997820/blog/144087

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值