<script type="text/javascript">
function ajax() {
ajaxSubmit('detailForm','detail','submit','detailForm');
ajaxSubmit('catalogId','search','change','articleForm');
function setFlag(flag) {
document.getElementById("articleParamBean.flag").value=flag;
}
}
</script>
<body οnlοad="ajax()">
<s:form action="articleSearch.do" method="post" id="articleForm">
<div id="search">
<%@ include file="articleSearch.jsp" %>
</div>
<s:hidden name="articleParamBean.flag"></s:hidden>
</s:form>
<s:form action="articleDetailSearch.do" method="post" id="detailForm">
<div style="width: 99%" id="detail ">
<%@ include file="articleList.jsp" %>
</div>
</s:form>
<script type="text/javascript">
$('articleForm').set('send',{
onSuccess: function(response){
if (document.getElementById("articleParamBean.flag").value=='search'){
$('detail').innerHTML = response; //页面回写
}else{
$('search').innerHTML = response;
}},
onFailure: function() {$('search').set('text', 'The request failed.');}
}
).addEvent('submit', function(event)
{event.preventDefault();
this.send();
}
);
</script>
</body>
1.mootools异步提交的原理:
将页面分成若干部分,分别用不同的form提交,根据提交的form不同的,刷写页面的不同区域。