Tengo la siguiente duda al recargar un div
donde tengo una sentencia if
y else
que dependiendo el valor obtenido por una consulta me debería cambiar entre un gráfico o una tabla, pero lo quiero mostrar sin recargar toda la página.
<html>
<head></head>
<body>
<?php
require_once __DIR__ . 'controller.php';
$auth=new System();
$sql2=$auth->runQuery("SELECT status FROM Productos Where idProducto = '1' ");
$sql2->execute();
$sqlRow2=$sql2->fetch(PDO::FETCH_ASSOC);
?>
<div id="datos">
<?php
if($sqlRow2['status'] == 2)
{
echo "<div> Aquí mostraré un Charjs </div>";
}
else
{
echo "<span> se mostrará una tabla </span>";
}
?>
</div>
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
function actualizardatos(){
value = $('#datos').text();
$.ajax({
type: "POST",
url: "consulta.php",
success: function(data){
$('#datos').text(data);
}
});
};
setInterval(actualizardatos, 100);
});
</script>
</body>
</html>
Y este es mi archivo consulta.php
:
<?php
require_once __DIR__ . 'controller.php';
$auth = new System();
$sql=$auth->runQuery("SELECT status FROM Productos Where idProducto = '1' ");
$sql->execute();
$sqlRow=$sql->fetch(PDO::FETCH_ASSOC);
echo $sqlRow['status'];
?>
De esta consulta obtengo un valor 1 o 2 que se ve reflejado en la etiqueta < div id="datos" ></ div >
hasta ahí todo bien, pero el gráfico o la tabla dentro de las sentencias if
o else
no se muestra.
Por favor me pueden ayudar.