2

在 Jsp 页面上，我正在检索基于先前列表选择的列表，用于使用 struts 2 url 和 struts dojo 标签 div

<s:url id="d_url" action="employDivisionAction"/>
<sx:div showLoadingText="false"  id="details1" href="%{d_url}"  theme="ajax"      listenTopics="show_division" onchange="show_Department()" formId="frm_demo"/>

在js文件中调用了这个函数

function show_Department()
{
   dojo.event.topic.publish("show_department");
}

一切正常我能够检索列表但是当我尝试使用时出现问题

<s:file/>

jsp中的标签。当我包含上述标签时，ajax 功能停止工作。任何想法为什么它不起作用任何指导都会有所帮助。

完整的jsp代码

<s:form name="employee" action="AddEmployee" method="POST" theme="css_xhtml" enctype="multipart/form-data" id="frm_demo" >

       <table align="center" cellspacing="10px">
                      <tr>


                 <td align="left">  <s:text name="global.empno"/> </td>
                 <td align="left">  <s:textfield name="employeeNo" value="%{employee.employeeNo}"  onkeypress="return inputLimiter(event,'NameCharactersAndNumbers')"/> </td>
                 <td align="left"> <s:text name="global.fnm"/> </td>
                <td align="left"> <s:textfield name="firstName" value="%{employee.firstName}" onkeypress="return inputLimiter(event,'NameCharacters')"/> </td>
                     </tr>
                <tr>
                    <td><s:file name="Image"/></td>
                </tr>    


                <tr>
                    <td align="left"> <s:text name="Company"/> </td>

                    <td align="left"><s:select name="currentCompany" id="companyList" headerKey="" headerValue="Select" list="companyList" onchange="show_branch()"/></td>  

                    <td align="left"> <s:text name="Branch"/> </td>
                    <td align="left">
                    <div ><s:fielderror fieldName="branchName" /></div>
                    <s:url id="d_url" action="employBranchAction"/>
                    <sx:div  showLoadingText="false" name="branchDiv" id="details" href="%{d_url}"  theme="ajax" listenTopics="show_branch" onchange="show_division()" formId="frm_demo"/>
                    </td>


                </tr>

                <tr>
                    <td align="left"> <s:text name="Division"/> </td>
                    <td align="left">
                    <div ><s:fielderror fieldName="divisionName" /></div>
                    <s:url id="d_url" action="employDivisionAction"/>
                    <sx:div showLoadingText="false"  id="details1" href="%{d_url}"  theme="ajax" listenTopics="show_division" onchange="show_Department()" formId="frm_demo"/>
                    </td>
                    <td align="left"> <s:text name="Department"/> </td>
                    <td align="left">
                    <div><s:fielderror fieldName="departmentName"  /></div>
                    <s:url id="d_url" action="employDepartmentAction"/>
                    <sx:div showLoadingText="false"  id="details2" href="%{d_url}"  theme="ajax" listenTopics="show_department" onchange="show_Section()" formId="frm_demo"/>
                    </td>
                </tr> 

                <tr>
                    <td align="left"> <s:text name="Section"/> </td>
                    <td align="left">
                    <div><s:fielderror fieldName="sectionName"  /></div>
                    <s:url id="d_url" action="employSectionAction"/>
                    <sx:div showLoadingText="false"  id="details3" href="%{d_url}"  theme="ajax" listenTopics="show_section" onchange="show_Unit()" formId="frm_demo"/> 
                    </td>
                    <td align="left"> <s:text name="Unit"/> </td>
                    <td align="left">
                    <div ><s:fielderror fieldName="unitName" /></div>
                    <s:url id="d_url" action="employUnitAction"/>
                    <sx:div showLoadingText="false"  id="details4" href="%{d_url}"  theme="ajax" listenTopics="show_unit" onchange="show_Position()" formId="frm_demo"/>
                    </td>
                </tr>

                <tr>
                    <td align="left"> <s:label value="Position"/> </td> 
                    <td align="left">
                    <div><s:fielderror fieldName="positionName" /></div>
                    <s:url id="d_url" action="employPositionAction"/>
                    <sx:div showLoadingText="false"   id="details5" href="%{d_url}"  theme="ajax" listenTopics="show_position"  formId="frm_demo"/>     
                    </td>

                </tr>

                </table>



                <s:set name="webFramework" value="%{employee.employeeID}"/>
                    <table align="center" cellspacing="20px">
                    <tr> 
                        <s:if test="#webFramework==0">
                        <td align="left"> <s:submit  value="Add" cssClass="buttonSmall" onclick="return validateEmployee();"/> </td>
                        </s:if>
                        <s:if test="#webFramework>0">
                        <td align="left"> <s:submit name="update" cssClass="buttonSmall" value="Update"/> </td>
                        </s:if>


                    </tr>  
                    </table>

                </s:form>
4

1 回答 1

2

添加<s:file/>（即，一旦呈现，它是一个<input type="file"/>）到页面，需要表单内容类型multipart/form-data而不是默认的（即application/x-www-form-urlencoded）。

因此，您应该添加enctype="multipart/form-data"表单的属性；

但是，也就是说，如果您尝试使用 AJAX 上传文件，这是不可能的（根据这个 SO answer，最终可以使用 XHR2 上传 AJAX。）；

最好的办法是在单独的页面/选项卡/表单中管理文件上传，而不是在同一个 AJAX 调用中。

编辑：你的<sx:div />内部有相同的形式<s:file />，它指的是frm_demo带有formId参数的形式。

根据文档，formId 属性指定

其字段将被序列化并作为参数传递

然后，当您尝试发布 dojo AJAX 请求时，您将尝试序列化所有表单元素，包括 File 元素。Java 文件不能立即序列化，尤其是 AJAX 库；是空的还是不使用都没关系<s:file />：它与您发布的形式相同，那么它会导致问题；移动<s:file />到另一个表单（即使在同一页面中），它也会起作用。

最初的解决方案是正确的，现在我们有了解释:)

文档

PS：Dojo 使用 XHRPOST 发布数据，无法发送二进制数据（如上所述，现在可以使用 jQuery 和 XHR2）。

请注意，自 2.1 以来，Struts 已弃用 Dojo... 最新版本建议将 jQuery 作为 AJAX 库（但不包括在内，因此选择权在您身上）

于 2012-12-31T08:08:19.640 回答