nunca antes he trabajado con AJAX, por lo que decidí hacer un mini chat, super ultra básico.
- Hay un único historial (se guarda en un .txt)
- Se guarda nombre + fecha + hora + mensaje Hice que funcionara, pero si tengo 2 navegadores abierto, chateando entre sí, si uno manda un mensaje, hasta que el receptor no mande uno, no puede leer los nuevos mensajes ¿como puedo hacer que ajax actualice todos los navegadores?
index.html
<!DOCTYPE html>
<html lang="es">
<head>
<script src="script.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</head>
<body>
<form method="post">
<h1>Escriba su mensaje:</h1>
<input type="text" id="mensaje" placeholder="Escribir mensaje">
<input type="button" value="Enviar" onclick="enviar_datos_ajax();">
</form>
<div id="mostrarmensajes">
</div>
</body>
</html>
script.js
function enviar_datos_ajax(){
var vMensaje=document.getElementById("mensaje").value;
var vUrl="code.php";
$.ajax({
type:"post",
url:vUrl,
data:{mensaje:vMensaje},
success:function(datos)
{
$("#mostrarmensajes").html(datos);
}
}
)
}
code.php
<?php
//Se crea la sessión y se establece la zona horaria
session_start();
date_default_timezone_set('europe/madrid');
//Definición de variables
$mensaje = $fecha = $hora = $linea = '';
//Se guardan los mensajes
if($_SERVER["REQUEST_METHOD"] == "POST")
{
if(!empty($_POST["mensaje"]))
{
$mensaje = $_POST["mensaje"];
$fecha = date('d-m-Y');
$hora = date('H:i:s');
$linea = $_SESSION['name']. ":" .$mensaje. "(".' '.$fecha. ' '.$hora.")". "\n";
//$linea=$mensaje;
$bd = fopen("bdmensajeria.txt", "a") or die("No se pudo enviar su mensaje!");
fwrite($bd, $linea);
fclose($bd);
//echo $mensaje;
}
}
//Muestro la charla
// if (isset($_SESSION['nombre'])){header('Location:chat.php?m=logobligatorio');}
$leer = fopen("bdmensajeria.txt", "r") or die("Error al obtener mensajes del chat, vuelva mas tarde");
//Linea por linea
echo "<table bordercolor='#0000FF' cellspacing='10' cellpadding='10'>";
while(!feof($leer)){
echo "<tr>";
echo "<td>". fgets($leer) ."</td>";
echo "</tr>";
}
echo "</table>";
fclose($leer);
?>
En realidad index.html le cambié el nombre por chat.html, y creé un index.php que preguntará el nombre y lo almacenara en $_SESSION (para que sepan de donde saco el nombre xD)
web-socket
algunos ejemplos sonsocket.io
(su hola mundo es un chat),signal-R
con eso es facil hacer un chat, pero no son llamadas ajax convencionales, sino mas bien es una programación adaptada a escuchar eventos. – Ricardo D. Quiroga el 4 abr. 18 a las 11:34