JQuery - Cargar .php con jquery y refrescarlo

 
Vista:
sin imagen de perfil

Cargar .php con jquery y refrescarlo

Publicado por Iván (8 intervenciones) el 23/01/2016 22:51:21
Buenas, estoy tratando de cargar el contenido de un archivo php mediante jquery, con tal de que se refresque cada x tiempo. Se trata de un chat, y necesito que refresque los mensajes.

El problema es que no se jquery xdd y ando bastante perdido, el problema basicamente es que no consigo hacer el include del .php aunque he probado un html y tampoco.

estoy probando con dos variantes, una con prototype.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<div class="box-content" id="chat"></div>
 
 
<script type="text/javascript">
	var $chat = $("#chat");
setInterval(function () {
    $chat.load("chat.php #chat");
}, 30000);
 
new PeriodicalExecuter(function(pe) {
    new Ajax.Updater('chat', '/chat.php', {
      parameters: { somename: 'somevalue' }
    });
}, 30);
 
 
 
</script>

Por supuesto, he vinculado las correspondientes librerias o eso creo xd

1
2
3
4
<script src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.3.0/prototype.js"></script>
 
 
		<script src="js/jquery-1.9.1.min.js"></script>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve
Val: 302
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Cargar .php con jquery y refrescarlo

Publicado por xve (673 intervenciones) el 24/01/2016 15:43:15
Hola Iván, la manera correcta seria:

1
$("#chat").load("chat.php");

te carga dentro del id chat, el resultado del archivo chat.php

Recuerda, que solo el resultado, ya que se ejecuta en el servidor... si no devuelve nada, no mostrara nada!!!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
sin imagen de perfil

Cargar .php con jquery y refrescarlo

Publicado por Iván (8 intervenciones) el 24/01/2016 17:34:54
sigue sin funcionarme :S, dentro del .php tengo unas consultas con un while que muestra los diferentes mensajes.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
while($rowmensajes = mysqli_fetch_object($ConsultaChat)) {
	if($rowmensajes->StrUsuario==$_SESSION['usuario_email'])
		echo '<li class="left">
			<img class="avatar" alt="'.$rowmensajes->StrUsuario.'" src="img/avatar-usr.png">
			<span class="message"><span class="arrow"></span>
				<span class="from"><strong>'.$rowmensajes->StrUsuario.'</strong></span>
				<span class="time">'.$rowmensajes->Date.'</span>
				<span class="text">'.$rowmensajes->StrMensaje.'</span>
			</span>	                                  
		</li>';
	else{
		echo '<li class="right">
			<img class="avatar" alt="'.$rowmensajes->StrUsuario.'" src="img/avatar-bos.png">
			<span class="message"><span class="arrow"></span>
				<span class="from"><strong>'.$rowmensajes->StrUsuario.'</strong></span>
				<span class="time">'.$rowmensajes->Date.'</span>
				<span class="text">'.$rowmensajes->StrMensaje.'</span>
			</span>	                                  
		</li>';
	}
}
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Vainas
Val: 27
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Cargar .php con jquery y refrescarlo

Publicado por Vainas (96 intervenciones) el 25/01/2016 10:24:34
Buenas:

Si quieres hacer un chat deberias usar websockets ya que no haces tantas llamadas al servidor sino una sola llamada que queda a la espera. Es que sino imagina varios clientes entrando con sus correspondientes llamadas cada x al servidor...

Por otro lado no he leido al respecto pero no deberias juntar Prototypejs y jQuery ya que son dos librerias que hacen lo mismo y en el peor de los casos usan $ como funcion principal con lo que puede crear un comportamiento inesperado en el codigo.

En Prototypejs en vez de usar "PeriodicalExecuter" puedes usar PeriodicalUpdater http://api.prototypejs.org/ajax/Ajax/PeriodicalUpdater/ al que se le pueden pasar la frecuencia de llamadas por segundo.

No he usado Prototypejs pero ya me he mirado la api y no es complicada asi que si necesitas algun ejemplo puedo buscar o hacer uno.

Saludos.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
sin imagen de perfil

Cargar .php con jquery y refrescarlo

Publicado por Iván (8 intervenciones) el 25/01/2016 18:31:56
Gracias, ya me habian comentado el tema de los websockets. El problema es... que no tengo ni idea de javascript como para meterme por ahí xdd, aunque al final tendré que hacerlo. Probe un tutorial, pero tengo el añadido de que es un host compartido sin consola, asi que no llegue a buen puerto xd
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar