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

Question

我是 jQuery 的初学者，我正在尝试创建一个包含多个表单的页面，每个表单都有 3 个公共字段，它们是：1.带有 uniqueID 的隐藏字段、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" 的元素