Question

我创建了一个PHP页面，使用AJAX和Jquery在内部提交数据。它工作正常，但提交后我再次点击提交（第二次）它没有发生.. 以下是参考代码

$(function(){
    $('#sub').click(function(){
        $('#myForm').on('submit',function(e){
            e.preventDefault();
            $.ajax({
                url:"file.php",
                type:'POST',
                data:new FormData(this),
                contentType: false,
                processData:false,
                success:function(data){
                    $("#myResponse").replaceWith(data);}
                });
            });
        });
    });
});

这是

中的提交按钮

<input type="submit" value="Submit" name="submit" id="sub" onclick="submitForm('file.php')" data-toggle="modal" data-target="#myModal">

Answer 1

从输入类型中删除（onclick =“submitForm（'file.php'）”）。并删除“$（'＃sub'）。click（function（）{}）;” 。只保留它：

#!/bin/sh or another commment
VAR=value
export VAR

Answer 2

删除其他点击事件，委派您的提交事件

$('body').on('submit','#myForm', function(e) {
  e.preventDefault();
  $.ajax({
    url: "file.php",
    type: 'POST',
    data: new FormData(this),
    contentType: false,
    processData: false,
    success: function(data) {
      $("#myResponse").replaceWith(data);
    }
  });
});

表单提交在使用Jquery和Ajax提交后第二次不能正常工作

2 个答案: