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