mootools异步提交

来源:互联网 发布:网站如何seo 编辑:程序博客网 时间:2024/05/16 07:21

<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不同的,刷写页面的不同区域。

原创粉丝点击