jQuery AJAX表单提交两次

Question

我有一个要通过jQuery捕获并通过AJAX发送的表单。我的问题是，每次刷新页面时，表单都会提交多次。

我尝试取消绑定“提交”按钮，但通常在第一次提交后发布表单。任何帮助，将不胜感激

$('#exportForm').submit(function() {
  $.ajax({
    type: "POST",
    url: $(this).attr('action'),
    data: $(this).serialize(),
    success: function(response) {
      $('#exportForm').unbind('submit');
      console.log(response);
    }
  });
  return false;
});

Answer 1

您最有可能正在使用button或submit触发ajax事件。试试这个：

$('#exportForm').submit(function(e){
        e.preventDefault();
        $.ajax({
            type: "POST",
            url: $(this).attr( 'action' ),
            data: $(this).serialize(),
            success: function( response ) {
                console.log( response );
            }
        });

        return false;
    });