jQuery Ajax数据显示使用append的double

时间:2017-11-01 07:31:00

标签: javascript jquery ajax

我使用jQuery ajax向marquee显示数据。

当ajax加载(每1秒)时,数据总是显示为double。

enter image description here

代码:

var messageLen = jsonStr.message.length;

for(var i=0; i<messageLen; i++)
{
    var message = jsonStr.message[i];

    var newOption = $('<li>'+message+'</li>');
    $('#list').append(newOption);
}

HTML

<marquee>
    <ul id="list"></ul>
</marquee>

所以,我想要的数据显示不是双倍的。

*我使用$('#list').html(newOption);只显示1个数据(实际上我有更多数据)

1 个答案:

答案 0 :(得分:4)

在循环前清空列表

var messageLen = jsonStr.message.length;
$('#list').empty();
for(var i=0; i<messageLen; i++)
{
    var message = jsonStr.message[i];

    var newOption = $('<li>'+message+'</li>');
    $('#list').append(newOption);
}