Javascript preventDefault()和2个函数

Javascript preventDefault()和2个函数,javascript,jquery,ajax,Javascript,Jquery,Ajax,在我的网站上,用户可以动态添加和删除文本(通过AJAX) 问题是当用户想要添加文本并立即删除它时。 未实现抑制(未检测到提交删除表单) 因此,警报(“检查!”)未实现。为什么?经过几个小时的研究,我找到了解决办法。。。问题不是preventDefault()而是innerHTML(现在不能,对不起) 但我不明白为什么使用innerHTML会阻止jquery提交表单 Thank's您的问题并不完全清楚,但您的意思是人们在第一个AJAX请求进行时单击“删除”,然后在请求完成后添加数据吗?没有人只能添

在我的网站上,用户可以动态添加和删除文本(通过AJAX)

问题是当用户想要添加文本并立即删除它时。 未实现抑制(未检测到提交删除表单)


因此,
警报(“检查!”)未实现。为什么?

经过几个小时的研究,我找到了解决办法。。。问题不是preventDefault()而是innerHTML(现在不能,对不起)

但我不明白为什么使用innerHTML会阻止jquery提交表单


Thank's

您的问题并不完全清楚,但您的意思是人们在第一个AJAX请求进行时单击“删除”,然后在请求完成后添加数据吗?没有人只能添加文本,只能删除文本或添加和删除相同的文本(本例中的问题)
$(document).ready(function() {
    $(function(){
        /* ADD A TEXT */
        $("#formAdd").submit(function(evt) {
            evt.preventDefault();
            var text = $(this).find("textarea").val();
            if (text) {                 
                var url = $(this).attr('action'); 
                form = $(this).serialize();

                $.ajax({
                    type : "POST",
                    url  : url,
                    dataType : "json",
                    data: {
                        "form" : form,
                        "form-type"  : $(this).find(':submit').attr("name")
                    },
                    success: function(data){
                        document.getElementById("visualisation").html = text;                               
                    },
                    statusCode: {
                        400: function() {
                            alert("error");
                        }
                    }   
                });
            }
        });


        /* REMOVE A TEXT */
        $('#formDelete').submit(function(e) {               
            alert("CHECK !");
            var idText = $(this).find('#text_visualisation').val();

            form = $(this).serialize();
            $.ajax({
                type:"POST",
                url: $(this).attr('action'),
                dataType : "json",
                data: {
                    'form' : form,
                    "form-type" : $(this).find(':submit').attr("name"),
                },
                success: function(data) {                       
                    $("#text").remove();
                    $("#modal_deleteForm").modal('hide');                                       
                },
                statusCode: {
                    400: function() {
                        alert("error");
                    }
                }
            });
            return false;
        });
    });
});