s:表单提交后表单溢出到下一个jsp

时间:2013-07-29 11:50:52

标签: jsp jquery-mobile struts2

我在第一个jsp中有一个<s:form>标签,当我通过struts动作提交表单并显示另一个jsp时,表单标签似乎也扩展到了第二个jsp。 (如在萤火虫中观察到的)。我在这些jsps中有一些具有相同id的元素,并将它们聚合在一起,这样就给了我很多问题。此外,第二个jsp的<head>部分将被忽略。

这是page1.jsp的基本结构:

<html>
<head>
    <%@ taglib uri="/struts-tags" prefix="s" %> 
    <script type="text/javascript" src="../js/page1.js"></script>
</head>
<body>
    <s:form name="form1" id="form1" action="" method="post" namespace="">
        <div data-role="page" id="firstPage">
            <div id="xyz" class = "xyz"></div>
            .....//other elements
        </div>
    </s:form>
    <script type="text/javascript">
        .... // do stuff and submit "form1" to process.action
    </script>
</body>
</html>

page2.jsp的基本结构:

<html>
<head>
    <script type="text/javascript" src="../js/page2.js"></script>
</head>
<body>
   <div data-role="page" id="secondPage">
       <div id="xyz" class = "xyz"></div>
       .....//other elements
   </div>
</body>
</html>

在firebug中看到的HTML:

<html>
<head>
    <%@ taglib uri="/struts-tags" prefix="s" %> 
    <script type="text/javascript" src="../js/page1.js"></script>
</head>
<body>
  <form name="form1" id="form1" method="post" action="process.action">
      <div data-role="page" id="firstPage">
          <div id="xyz" class = "xyz"></div>
          .....//other elements
      </div>
      <div data-role="page" data-external-page="true" id="secondPage">
          <div id="xyz" class = "xyz"></div>
          .....//other elements
      </div>
  <form>
  <script type="text/javascript">
      .... // do stuff and submit "form1" to process.action
  </script>
</body>
</html>

因此,这会产生相同的html表单,其中包含2个id为“xyz”的元素,以及在两个jsps中具有相同值的其他id。 我做错了什么,或者我如何防止这种情况?

编辑:我在渲染的html中看到data-external-page="true"添加到div“secondPage”。我试图在page2.jsp中明确地将其设置为false,但该dint也可以工作。

此外,刷新工作。虽然重新加载时不存在填充页面所需的数据,但重新加载时会出现这个特殊问题。

编辑:struts.xml:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"
"http://struts.apache.org/dtds/struts-2.0.dtd">

<struts>
    <package name="location" namespace="/location">
        <action name="start" class="StartAction">
            <result name="success">/WEB-INF/templates/location/page1.jsp</result>
        </action>

        <action name="process" class="ProcessAction">
            <result name="success">/WEB-INF/templates/location/page2.jsp</result>
        </action>

    </package>
</struts>

ProcessAction.java:

public class ProcessAction{
    private String xyz;

    //other elements
    //getters and setters

    @Override
    public String process() {
       //get data from DB and set it to xyz and other elements, 
       //whose corresponding elements are in page2.jsp

       return SUCCESS;
    }
}

1 个答案:

答案 0 :(得分:0)

不确定这是否与您的错误有关,但肯定是错误:<%@ taglib uri="/struts-tags" prefix="s" %>必须放在任何HTML语句之前,即使在DTD之前,也不在<head/>标记内;

你也应该使用action元素的<s:form/>属性,而不是将其设置为空白然后(我猜)通过javascript设置它