javascript - 我应该如何单独发送表格？

Question

我编写了打击代码，当我单击每个表单提交按钮时，我会发送我的表单。 我的问题是如何单独发送每个表单并分别指示每个结果。因为当我的代码运行时，所有表单将同时提交。 这是我的代码:

$("#done").click(function(e) { 
var url = 'secondpage.htm'
$.ajax({ type: "POST", url: url, data: $("#done").serialize(),
 success: function(data) { 
$('.divs').empty()

$(".divs").html(data)

  } }); e.preventDefault();
 }); 

form{
	width:100px;
	border:1px solid blue;
	height:50px;
	}
  

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<div class="divs">
<form>
<button id="done">done</button>
</form>
</div>
<div class="divs">
<form>
<button id="done">done</button>
</form>
</div>
<div class="divs">
<form>
<button id="done">done</button>
</form>
</div>

Answer 1

您需要提交更改按钮type="submit"

注意:我在表单中添加了div。以防止在ajax调用后删除表单

更新:

$("form").on('submit',function(e) {
  var url = 'secondpage.htm'
  $.ajax({
    type: "POST",
    url: url,
    data: $(this).serialize(),
    success: function(data) {
      $(this).find('.divs').empty
      $(this).find('.divs').html(data)

    }
  });
  e.preventDefault();
});

form {
  width: 100px;
  border: 1px solid blue;
  height: 50px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

  <form>
    <button id="done" type="submit">done</button>
    <div class="divs">
    </div>
  </form>
  
  <form>
    <button id="done" type="submit">done</button>
    <div class="divs">
    </div>
  </form>


  <form>
    <button id="done" type="submit">done</button>
    <div class="divs">
    </div>
  </form>