Hola a todos, resulta que estoy desarrollando un pequeño sistema de Chat utilizando PHP y jQuery, pero tengo un problema, que al recargar el chat me duplican los textos, luego triplican y asi. Muestro el archivo chat.php
Código Javascript
:
Ver original$(document).ready(function(){
mostrar();
$("#enviar").keypress(function(e){
if (e.which == 13){
if($(this).val().charAt(0) != " " && $(this).val().length>0){
scroll();
enviar();
return false;
}else{
$(this).val('');
return false;
}
}
});
function enviar(){
$.ajax({
url : 'enviar.php',
type : 'POST',
data : {
texto : $("#enviar").val()
},
success : function(){
mostrar();
},
});
$("#enviar").val('');
}
function mostrar(){
$.ajax({
url : 'conversacion.php',
cache : false,
dataType: 'json',
success : function(data){
conversacion(data);
setTimeout(function(){mostrar()}, 5000);
scroll();
}
});
}
function conversacion(data){
$.each(data,function(index,value) {
$('#chat').append("<p>"+ data[index].de +": "+ data[index].texto +"</p>");
});
}
function scroll(){
$('#chat').attr('scrollTop', $('#chat').attr('scrollHeight'));
}
});
No sé si explique bien el problema.. de todas forman una disculpa si lo fuera.