重新加载提交时,Ajax提交不起作用

时间:2013-12-17 14:02:34

标签: jquery struts2 struts2-jquery-plugin

我正在使用Struts2,tiles和struts2的jQuery插件。

好的我一直都在寻找这个答案,我无法在任何地方找到它。

假设我有下一个模板:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
     <sj:head locale="es" compressed="true" loadAtOnce="true" 
     jqueryui="true" loadFromGoogle="false" 
     jquerytheme="redmond" customBasepath="../themes/"/>    
</head>
<body id="bodyId">
    <div id="outer" class="wrapper">
        <div id="header" >
            <tiles:insertAttribute name="header" />
        </div>
        <div id="nav">
            <tiles:insertAttribute name="menu" />
        </div>
        <div id="usersLabel" class="labelUser">
            <s:text name="common.user" />
            <s:text name="%{#session.user}"></s:text>
        </div>
        <div id="content" >
                <tiles:insertAttribute name="body" />
        </div>      
        <div id="footer">
            <tiles:insertAttribute name="footer" />
        </div>
    </div>
</body>
</html>

<div id="content"></div>里面我有

    <form id="form" action="operation_operation">
        :
        stuff
        :
        <sj:submit id="submit" 
            value="%{getText('common.accept')}" 
            formIds="form" 
            targets="content"
            button="true" />
    </form>

当通过<sj:submit/>提交表单时,只会重新加载“main”div中的内容,这是预期的行为,但是当我尝试再次提交表单时,操作的结果不会重新加载到主div但是重定向到动作结果(它不使用ajax)

这是我第一次呈现页面时所看到的(在chrome中):

<input type="submit" id="submit" value="Accept" 
         class="ui-button ui-widget ui-state-default ui-corner-all" 
         role="button" aria-disabled="false">

提交表单后,<div id="content"/>之间的内容会重新加载,但提交已更改,我看到了:

<input type="submit" id="submit" value="Accept" class="">

再次提交表单后,我刚刚被重定向到结果页面,而不是重新加载内容div。它就像没有使用ajax的普通重定向一样。

我不明白为什么会这样:s

如果我将<sj:submit>放在内容div之外,那么这个div总是通过ajax重新加载,问题是当<sj:submit>在div中时。

我的操作配置如下:

<action name="operation_*" method="{1}" class="OperationAction">
     <interceptor-ref name="sessionExpireStack" />
     <result name="success" type="tiles">operation</result>
     <result name="input" type="tiles">operation</result>
</action>

模板的定义是下一个:

 <definition name="template"  template="/jsp/common/template.jsp">
    <put-attribute name="title" value="My Application"/>
    <put-attribute name="header" value="/jsp/common/header.jsp" />
    <put-attribute name="menu" value="/jsp/common/menu.jsp" />
    <put-attribute name="body" value="/jsp/common/blank.jsp" />
    <put-attribute name="footer" value="/jsp/common/footer.jsp" />
</definition>

0 个答案:

没有答案