Hi im trying to run a AJAX loop, to update the page every x seconds this is the code
function ready() {
var form = $('#formcomments');
var submit = $('#comments');
// send Ajax request
$.ajax({
url: <?= json_encode($this->make_base_url("user/comments_all/{$resdata['id']}/")) ?>,
type: 'POST',
data: form.serialize(), //form serizlize data
beforeSend: function() {
// change submit button value text and disabled it
submit.val('Enviando...').prop('disabled', true);
},
success: function(data) {
// Append with fadeIn see http://stackoverflow.com/a/978731
var item = $(data).hide().fadeIn(800);
$('.module').append(item);
var objDiv = document.getElementById("modulecomm");
objDiv.scrollTop = objDiv.scrollHeight;
// reset form and button
form.trigger('reset');
submit.val('Submit Comment').prop('disabled', false);
},
error: function(e) {
alert(e);
}
});
}
And this is the time loop
window.setInterval(function(){
ready();
}, 55000);
After lets say 10 minuts i get an alert with an error object[Object]
how can i get rid of this error.