jQuery Ajax Daten zeigen doppelt mit append

Question

Ich zeige Daten zu marquee mit jQuery ajax.

Wenn die Ajax laden (alle 1 Sekunde), zeigen die Daten immer doppelt.

Code:

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> 

Also, was ich die Daten wollen zeigen nicht verdoppeln.

* Ich bin mit $('#list').html(newOption); es zeigt nur 1 Daten (tatsächlich ich mehr Daten)

Answer 1

Leeren Sie die Liste vor Schleife

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); 
}