Hola alguien me podria ayudar para construir una tabla con jquery,datatable y php.
Tengo una pagina que se llama index.php donde tengo un div que contendra la tabla con los datos que realizo desde una consulta sql a una tabla de una base de datos mysql, desde mi pagina consulta.php, pero no logro que se desplieguen los datos en tabla.js(la contenedora de mi ajax), por lo tanto, no se si mi problema es el desarrollo de mi php(consulta sql) o tengo erroneo el codigo de ajax (donde construyo la tabla con el resultado de la consulta del sql) para cargar la informacion mi tabla.
Si alguien me puede dar una mano con mi problema.
A continuacion dejo mis codigos del index.php, tabla.js y consulta.php
Gracias
index.php (donde quiero construir la tabla)
Código PHP:
<body>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="datatable.js"></script>
<script type="text/javascript" src="tabla.js"></script>
<div class="content">
<h2>Banner Patrocinado</h2>
<div id="divTabla"></div>
</div>
</div>
</body>
ajax (tabla.js)
Aqui no se si realizo bien la construccion de la tabla
Código PHP:
$(document).ready(function() {
var row="";
$.ajax({
url: 'consulta.php',
type: 'post',
data: { tag: 'getData'},
dataType: 'json',
success: function (data) {
if (data.success) {
row = "<table><tr>";
row = "<th>TITULO</th>";
row = "<th>NOMBRE</th>";
row = "<th>MODIFICAR</th>";
row = "<th>ELIMINAR</th>";
row = "</tr>";
$.each(data, function (index, record) {
if ($.isNumeric(index)) {
row = "<tr>";
row = "<td>"+record.titulo+"</td>";
row = "<td>"+record.nombre+"</td>";
row = "<td> <a href=\"editar.php?bpid="+record.id+"&idCliente="+record.idCliente+"\">Editar</a></td>";
row = "<td><input type='checkbox' id='claveEliminar'/><a href=\'javascript:eliminar('"+record.id+"')\' >Eliminar</a></td>";
row = "</tr>";
row.appendTo("table");
}
})
row = "</table>";
row.appendTo("divTabla");
}
$('table').dataTable({
"bJQueryUI": true,
"bServerSide": true,
"sSearch":false,
"aLengthMenu": [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]],
"bPaginate": true,
"bJQueryUI": true,
"sPaginationType": "full_numbers"
})
}
});
})
consulta.php
Código PHP:
< ?php
if (isset($_POST['tag'])) {
try {
include('conexion.php');
$db = new Conexion();
$query = "SELECT
titulo,
nombre
FROM clientes ";
$criterio = !empty($_GET['nombre']) || !empty($_GET['username'])? ' WHERE ' : '';
if (!empty($_GET['nombre'])){
$criterio. = " nombre LIKE '{$_GET['nombre']}%' ";
}
if (!empty($_GET['username'])){
$criterio. = $criterio != ' WHERE '?' AND ':'';
$criterio. = " username LIKE '{$_GET['username']}%' ";
}
$query. = $criterio;
$result = new query ($query, $db, 'object');
if (!$result - > execute()) return false;
if ($result - > rowCount() > 0) {
$json = array();
while ($row = $result - > fetch()) {
$json[] = array(
'nombre' = > $row['nombre'],
'titulo' = > $row['titulo']
);
}
$json['success'] = true;
echo json_encode($json);
}
} catch (PDOException $e) {
echo 'Error: '.$e - > getMessage();
}
}
? >