显示成功消息未在JavaScript中工作

问题描述：

$.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中不起作用。
成功消息在第一时间起作用。但之后它不工作。显示成功消息未在JavaScript中工作

如何改进呢？ – keerthi 2012-04-09 05:24:39

转到您之前询问的问题，并为他们选择一个答案。（每个答案旁边应该有一个挖空标记。） – 2012-04-09 05:26:08

完成。对此新手这就是为什么....谢谢。 – keerthi 2012-04-09 05:31:49

答

您的代码重用相同的HTML块，用于显示成功消息，因此所述第二消息将简单地替换第一。如果您希望它同时显示两条成功消息，则您需要追加消息。这是问题吗？

这里是附加信息的一个例子：

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

此附加是不会创建任何更改.. – keerthi 2012-04-09 05:40:24

它在Firefox中工作...但不是在Chrome中 – keerthi 2012-04-09 05:42:40

在Chrome中，按Ctrl + Shift + i调出开发工具，然后单击“控制台”选项卡。重新载入您的页面，查看它是否在运行代码时报告任何Javascript错误。 – 2012-04-09 05:46:17

答

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

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

是的，我只是在改变功能（下拉）中删除了这个。之后，再次点击保存按钮...那个时候它不工作..在Firefox中，它完美的工作。 – keerthi 2012-04-09 05:37:10

你想如何工作？追加它为每个成功ajax？ – Jiro90 2012-04-09 05:49:09

可能是由于缓存而导致的这个问题。 Anupama，是通过替换这个答案解决你的问题吗？ – 2012-04-09 05:55:55

显示成功消息未在JavaScript中工作

相关推荐