“显示成功”消息不适用于JavaScript

Question

$.ajax({ 
     type: "POST",
     url:'/saveLayout',          
     data: {id : layoutId, section :  arrSection},
     success: function(response){  
               $('#successMsg').addClass("errorBox");
               document.getElementById('successMsg').innerHTML="Your data has been successfully          saved.";
              }
    });

在ajax成功功能中显示成功消息在Crome第二次不起作用 成功消息第一次起作用。但它之后没有工作。

Answer 1

您的代码重复使用相同的HTML块来显示成功消息，因此第二条消息将只替换第一条消息。如果您希望它同时显示两条成功消息，则需要附加消息。这是问题吗？

以下是附加消息的示例：

$.ajax({
    type: "POST",
    url:'/saveLayout',
    data: {
        id : layoutId,
        section : arrSection
    },
    success: function(response) {
        $("#successMsg").addClass("errorBox").append("Your data has been successfully saved.");
    }
});

Answer 2

我认为你需要在添加之前删除errorbox类。

$('#successMsg').removeClass("errorBox"); 
$('#successMsg').addClass("errorBox");