Question

我想使用Jquery提交多个表单（已经完成），但问题是..每次提交后我都希望表单从列表表单中删除这里是我的JSP代码

<form action="searchTweet" method="post">
    <textarea name="searchTxt"></textarea>
    <input type="submit" name="post" value="Search"/>

</form>
 <%
    if(session.getAttribute("twitModel")!=null)
    {

       List<TwitterModel> twit=(List<TwitterModel>)session.getAttribute("twitModel");

       int count=0;
       for(TwitterModel tweet:twit)
    {
           count=count+1;

%>
<p>
    @<%=tweet.getScreenName()%> : <%=tweet.getTweet() %>
   <form id="form2" method="post">
   <input type="hidden"  name="screenName" value="<%= tweet.getScreenName() %>">
   <input type="hidden"  name="tweet" value="<%= tweet.getTweet() %>">
   <input type="submit"  class="update_form" value="Save"> <!-- changed -->
   </form>
    </p>     <%   } }  %>

我的Jquery多次提交表格

   <script>
   // this is the class of the submit button
   $(".update_form").click(function() { // changed
    $.ajax({
       type: "GET",
       url: "saveSearch",
       data: $(this).parent().serialize(), // changed
       success: function(data)
       {
         $(this).parents('p').remove();
       }
     });
      return false; // avoid to execute the actual submit of the form.
        });

知道我做错了什么吗？

感谢＆＃39; s

此致

丹茨

Answer 1

我猜您的this已更改为window函数中的全局success变量，请尝试此操作一次：

 $(".update_form").click(function() { // changed
    var me = this;
    $.ajax({
       type: "GET",
       url: "saveSearch",
       data: $(this).parent().serialize(), // changed
       success: function(data)
       {
         $(me).parents('p').remove();
       }
     });
      return false; // avoid to execute the actual submit of the form.
   });

阅读closures

Answer 2

成功处理程序内的

this引用了ajax对象，而不是单击的按钮。在这种情况下，您可以使用闭包变量来解决问题。

也不是使用.closest（）而不是.parents（）

$(".update_form").click(function () { // changed
    var $this = $(this);
    $.ajax({
        type: "GET",
        url: "saveSearch",
        data: $(this).parent().serialize(), // changed
        success: function (data) {
            $this.closest('p').remove();
        }
    });
    return false; // avoid to execute the actual submit of the form.
});

提交Jquery后删除表单（JSP＆amp; Servlet）

2 个答案: