Jquery - 我的页面上有多个表单.如何在不重新加载页面的情况下更新每个表单

Question

我是jQuery的初学者，我正在尝试创建一个包含多个表单的页面，每个表单都有3个公共字段，它们是：1.具有唯一ID的隐藏字段，2.文本框和3.提交按钮。

我关心的是，如何在单击提交按钮但不刷新页面时获取每个表单记录的隐藏字段和文本框的值。我使用了下面的jQuery，AJAX，但这不会在提交时传递该表单的值。

任何人都可以帮我解决这个问题。

我正在使用的Javascript如下：

$(document).ready(function() {
    $(".submit").click(function(){
        alert($(this).serialize());
        $.ajax({
        url:"ajax.php",
        type:"POST",
        //data:form.serialize(),
        data:$(this).serialize(),
        success:function(response){
          console.log(response);
            //Do stuff here
      }
   });
        return false;
    });
});

Answer 1

试试看是什么

alert($(this).parent().serialize());

正在返回。 this是相对于选择器的，在您的示例中，选择器是带有class="submit"的元素