¡Hola! Bueno, tengo este codigo:
<main>
<div class="main-container">
<?php
include("conexion.php");
$usuario = $_GET['username'];
if ($_SESSION['gratuito'] == $usuario || $_SESSION['exclusivo'] == $usuario || $_SESSION['admin'] == $usuario || $_SESSION['creador'] == $usuario) {
?>
<a href="eliminar-notif.php?username=<?php echo "$usuario"?>">Eliminar todas las notificaciones.</a>
<?php
$query = mysqli_query($conn, "SELECT * FROM notificaciones WHERE usuario = '$usuario' ORDER BY id DESC");
while ($row = mysqli_fetch_array($query)) {
$titulo = $row['titulo'];
$texto = $row['texto'];
$tipo = $row['tipo'];
$id = $row['id'];
?>
<div class="box">
<h2 class="h2-notif"><?php echo "$titulo" ?></h2>
<p class="p-notif"><?php echo "$texto" ?></p><br>
</div>
<?php
if ($tipo == 1) {
?>
<form action="aceptar-invitacion.php?id=<?php echo "$id" ?>" method="POST">
<div class="btn-container">
<input class="aceptar" type="submit" name="aceptar" value="ACEPTAR">
</div>
<div class="btn-container">
<input class="rechazar" type="submit" name="rechazar" value="RECHAZAR">
</div>
<input type="text" value="<?php echo "$usuario" ?>" class="no-mostrar" name="usuario">
</form>
<?php
}
}
$leido = mysqli_query($conn, "UPDATE notificaciones SET leer = '1' WHERE usuario = '$usuario'");
?>
<?php
} else {
?>
<h2 class="h2-notif">TEXTO</h2>
<?php
}
?>
</div>
<?php
include("aceptar-invitacion.php");
?>
</main>
Mi base de datos de Notificaciones:
- id
- tipo
- titulo
- texto
- desde
- usuario (el receptor de la notificacion)
- leer (Fecha no es necesaria para lo que hago)
Bueno, basicamente, me gustaria actualizar el while en tiempo real, con tal de que las nuevas notificaciones aparezcan en cuanto se recibe una, se que esto se puede hacer con AJAX, pero solo encuentro tutoriales de Jquery (cosa que no uso, no me gustan las librerias externas) y el unico que encontre sin este no me funciono no se porque razon.
Por lo que tengo entendido debo crear otra pagina, llamada (por ejemplo) "noti-vivo.php" y ahi colocar el while, y mediante una funcion javascript llamar para que el div (posiblemente cree un nuevo div para mantener dentro del while) con el id "notificacion" imprima lo que hay en la pagina noti-vivo.php cada cierto tiempo.
El problema es que no conozco como crear esta funcion, no se nada de AJAX, probe con lo siguiente que vi en un tutorial:
<script type="text/javascript">
function ajax(){
var req = new XMLHttpRequest();
req.onreadystatechange = function(){
if (req.readyState == 4 && req.status == 200) {
document.getElementById('noti-vivo').innerHTML = req.responseText;
}
}
req.open('GET', 'notificacion.php', true);
req.send();
}
setInterval(function(){ajax();}, 1000);
</script>
//donde empieza el body llamo a la funcion
<body onload="ajax();">
notificacion.php es la otra pagina que recoge los datos de la base de datos, pero, por alguna razon, no funciono, supongo que es porque esta desactualizado (2017).
btw, por favor, no critiquen mi codigo, es super amateur y es solamente para aprendizaje, eviten hacer comentarios con respecto a este, solo respondan mi pregunta por favor.
¡Gracias por la ayuda que puedan brindarme!