<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 onload="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不同的，刷寫頁面的不同地區。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
