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で2回目に機能しません。
成功メッセージは初めて動作します。しかし、それは後に働いていない。

Answer 1

あなたのコードは、同じHTMLブロックを再利用して成功メッセージを表示しているため、2番目のメッセージは最初のメッセージを置き換えます。同時に2つの成功メッセージを表示する場合は、メッセージを追加する必要があります。それは問題ですか？ここで

は、メッセージを追加する例を示します。

$.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");