tengo el siguiente código pero no logro hacerlo funcionar.
Mi código HTML
.
<?php
session_start();
if($_SESSION['rango']!='Administrador'){
header("Location:index.php");
}
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form action="" method="">
<input type="submit" id="RevisarUsuarios" value="Verificar">
<table border="1" id="miTabla">
<caption>Verificar</caption>
<thead>
<tr>
<th colspan="3">Registros Base de Datos</th>
</tr>
<tr>
<td>Usuarios</td>
<td>Correo Electronico</td>
<td>Rango</td>
</tr>
</thead>
<tbody id="contenido">
</tbody>
</table>
</form>
<script src="js/jquery-3.2.1.min.js"></script> <!--Utilizar libreria JQUERY-->
<script src="js/codigoadmin.js"></script> <!--TODO lo que utilize JQUERY deberá ser referenciado despues de la libreria.-->
</body>
</html>
Al momento de hacer click en mi botón con id #RevisarUsuarios
realizo la petición al servidor al siguiente archivo PHP
.
<?php
require_once('../Modelo/class.conexion.php');
require_once('../Modelo/class.consultas.php');
$consultas = new Consultas();
$datos = $consultas->cargarUsuarios();
$results = (count($datos) > 0) ? $datos : array("error"=>"No hay opciones en la BD");
$arrayJson = json_encode($results);
print_r($arrayJson);
?>
Este me regresa un json_encode
que posteriormente intento procesar en mi archivo JS
. Que es el siguiente:
$(document).ready(function() {
$('#RevisarUsuarios').click(function(event) {
alert('Realizaré la petición');
$.get('Controlador/cargarUsuarios.php', function(data) {
alert('Obtuve los datos');
console.log(data);
$.each(data, function(idx, opt) {
alert('Estoy recorriendo el registro numero: ' + idx);
$('#mitabla contenido').append('<tr><td>' + opt.nickname + '</td><td>' + opt.email + '</td><td>' + opt.nickname + '</td></tr>');
console.log(opt.nickname + ' ' + opt.email + ' ' + opt.rango);
});
}, 'json');
});
});
Los 3 alerts
se muestran correctamente. Con el ultimo console.log
visualizo los datos que trae la variable data por la petición AJAX
, como se muestra en la imagen, mas sin embargo no logro anexarlos a mi tabla ya intente hacerlo directamente a la tabla y al tbody de esta, pero no lo consigo.
Gracias por cualquier aportación.
console log
, y losalerts
siguen mostrándose correctamente$('#mitabla').append('<tr><td>' + opt.nickname + '</td><td>' + opt.email + '</td><td>' + opt.nickname + '</td></tr>');
no funciona?tabla
y con el id deltbody
, mas sin embargo en ninguno de los 2 funciona correctamente.