javascript - 显示成功消息不适用于 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

我认为您需要在添加之前删除错误框类。

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