Hallo iedereen,
Ik ben bezig met een shoutbox, ik wil dat er iedere seconde (iets langer eigenlijk) shouts worden opgehaald.
Dat doe ik op deze manier:
//Jquery ajax call.
function ajax_data(typeMethod,url,dataString,success) {
$.ajax({
type: typeMethod,
url: url,
data: dataString,
dataType:"json",
cache:false,
timeout:20000,
success:function(data){
addShouts(data);
},
error:function(data){
console.log(data);
}
});
}
function addShouts(data) {
for (var i = 0; i < data.length; i++) {
$("#shoutbox").prepend("<li data-id=\"" + data[i].id + "\" class=\"list-group-item shout\"><span class=\" \">" + data[i].author + "</span>: " + data[i].message + "</li>")
}
}
function getShouts() {
var last = $(".shout").first().attr("data-id");
ajax_data("GET","xmlhttp/shouts?after=" + last, function(data) {
addShouts(data);
});
}
getShouts();
setInterval(getShouts, 1200);
Maar nu heb ik het volgende probleem (let op het data-id, het hoogste hoort bovenaan te staan)
https://gyazo.com/843143cd5ce2997d4f9e51942e32398f
Wat gaat er mis, en hoe los ik het op?