struts2 - 使用ajax从列表中删除用户并仅使用struts 2刷新列表

Question

我的列表是这样的:-

UserName   action
=================
abcd       delete
1234       delete

我的jsp代码如下:-

<table>
    <tr>
        <th>UserName</th>
        <th>Action</th>
    </tr>
    <s:iterator value="list">
        <tr>
            <td><s:property value="name" /></td>
            <td><a href="<s:url action='deleteUser'/>">delete</a></td>
        </tr>
    </s:iterator>
</table>

如何使用ajax调用从列表中删除用户并刷新列表的操作

Answer 1

对于一个简单的ajax刷新功能，我会这样做

第一个包含这样列表的 div

<div id="results">
<s:include page="ListUser.jsp">
</div>

ListUser.jsp 将包含要刷新和显示的用户列表

<table>
    <tr>
        <th>UserName</th>
        <th>Action</th>
    </tr>
    <s:iterator value="list">
        <tr>
            <td><s:property value="name" /></td>
            <td><a class=""linkDelete" href="<s:url action='deleteUser'/>">delete</a></td>
        </tr>
    </s:iterator>
</table>

一个简单的 jquery ajax 请求如下所示

$("a.linkDelete").click(function(e) {
  //this line will prevent the default form submission on click of link
  e.preventDefault();
  //fire the ajax request on this object referring to the clicked anchor link element
  $(this).ajax({
  url: "DeleteAction.action",
  cache: false
}).done(function( html ) {
  $("#results").append(html);
});
});

DeleteAction.action是struts.xml，看起来像这样

<action name="DeleteAction" method="deleteUser">
<result>/WEB-INF/jsp/ListUser.jsp</result>
</action>

如果您还有其他操作，其中也有一个结果链接可将您带到结果页面，那么以下是 struts.xml 中的另一个条目

<action name="ResultAction" method="goToResultPage">
<result>/WEB-INF/jsp/Result.jsp</result>
</action>

您的 Result.jsp 将包含带有 id 结果的 div。

干杯:)