-2
私のウェブサイトでは、ユーザーはテキストを動的に追加し、動的に削除することができます(AJAX経由)。preventDefault()と2つの関数
問題は、ユーザーがテキストを追加して直ちに削除する場合です。 抑制は実現されません(削除フォームの送信は検出されません)。
$(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;
});
});
});
私は直後にこのテキストを追加したテキストを削除したいときにalert("CHECK !");
が実現されていません。どうして ?
あなたの質問は完全には明らかではありませんが、一方で、人々は「削除」をクリックすることを意味しています最初のAJAXリクエストが進行中で、リクエストが完了するとデータが追加されます。 –
テキストを追加したり、テキストを削除したり、同じテキストを追加したり削除したりすることはできません(この場合は問題) – YassVegas