Estoy intentando capturar la variable json_encode a través de jquery, pero sin ningún resultado.
Ademas de capturar dicho resultado de un archivo php, el mismo debe ser incorporado en una tabla de una pagina, es simplemente mostrar un query en una pagina php, que a su vez esta dentro de otra pagina construct en php, espero haberme explicado bien.
Este es mi código del query mysql en php riepilogo-loop.php:
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);
include '../../utente/index.php';
$link = mysqli_connect("localhost", "user", "pasword", "database");
if ($link === false) {
die("ERROR: Could not connect. " . mysqli_connect_error());
}
$result_array = array();
$query = "SELECT usuario, fecha, codice, articolo, quantita, note, stato FROM spesa WHERE usuario = '".$username ."'";
$result = mysqli_query($link, $query);
if (mysqli_num_rows($result) > 0) {
$item_array = array();
while($row = mysqli_fetch_assoc($result)) {
array_push($result_array, $row);
}
}
header('Content-Type: application/json');
echo json_encode($result_array);
$link->close();
como resultado de echo json_encode($result_array);
tengo esto:
[{"usuario":"Valter Lafratta","fecha":"16\/03\/2020","codice":"302","articolo":"Cacio Molisano Bianco Stagionato Kg. 1,5","quantita":"1","note":"TEST","stato":"CONFERMATA"},{"usuario":"Valter Lafratta","fecha":"17\/03\/2020","codice":"208","articolo":"Ciambelle pass. kg 3","quantita":"3","note":"Confermata","stato":""},{"usuario":"Valter Lafratta","fecha":"17\/03\/2020","codice":"208","articolo":"Ciambelle pass. kg 3","quantita":"3","note":"Confermata","stato":""},{"usuario":"Valter Lafratta","fecha":"17\/03\/2020","codice":"101","articolo":"Stracchino gr 100","quantita":"2","note":"ADMINISTRATOR","stato":"Confermata"},{"usuario":"Valter Lafratta","fecha":"17\/03\/2020","codice":"613","articolo":"Trofie 500 gr","quantita":"1","note":"Trofie de 500 gr","stato":"Confermata"}][{"usuario":"Valter Lafratta","fecha":"16\/03\/2020","codice":"302","articolo":"Cacio Molisano Bianco Stagionato Kg. 1,5","quantita":"1","note":"TEST","stato":"CONFERMATA"},{"usuario":"Valter Lafratta","fecha":"17\/03\/2020","codice":"208","articolo":"Ciambelle pass. kg 3","quantita":"3","note":"Confermata","stato":""},{"usuario":"Valter Lafratta","fecha":"17\/03\/2020","codice":"208","articolo":"Ciambelle pass. kg 3","quantita":"3","note":"Confermata","stato":""},{"usuario":"Valter Lafratta","fecha":"17\/03\/2020","codice":"101","articolo":"Stracchino gr 100","quantita":"2","note":"ADMINISTRATOR","stato":"Confermata"},{"usuario":"Valter Lafratta","fecha":"17\/03\/2020","codice":"613","articolo":"Trofie 500 gr","quantita":"1","note":"Trofie de 500 gr","stato":"Confermata"}]
Ahora bien, para capturar e insertar estos resultados en otra pagina tengo este código riepilogo.php:
<?php
$content = "
<div class='row'>
<div class='col-xs-12'>
<div class='box'>
<div class='box-header'>
<h3 class='box-title'>Le tue spese</h3>
</div>
<!-- /.box-header -->
<div class='box-body'>
<table id='spesa' class='table table-bordered table-hover'>
<thead>
<tr>
<th>Dipendente</th>
<th>Data</th>
<th>Codice Prodotto</th>
<th>Descrizione Prodotto</th>
<th>Quantità</th>
<th>Stato</th>
<th>Note</th>
</tr>
</thead>
<tbody>
</tbody>
<tfoot>
</tfoot>
</table>
</div>
<!-- /.box-body -->
</div>
<div>
<span>
<p><a href='create.php'>Nuova Spesa</a></p>
</span>
</div>
<!-- /.box -->
</div>
</div>";
include('index.php');
?>
<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$.ajax({
url: '../api/config/riepilogo-loop.php',
type: 'get',
dataType: 'JSON',
success: function(response){
var len = response.length;
for(var i=0; i<len; i++){
var usuario = response[i].usuario;
var fecha = response[i].fecha;
var codice = response[i].codice;
var articolo = response[i].articolo;
var quantita = response[i].quantita;
var stato = response[i].stato;
var note = response[i].note;
var tr_str = "<tr>" +
"<td align='center'>" + usuario + "</td>" +
"<td align='center'>" + fecha + "</td>" +
"<td align='center'>" + codice + "</td>" +
"<td align='center'>" + articolo + "</td>" +
"<td align='center'>" + quantita + "</td>" +
"<td align='center'>" + stato + "</td>" +
"<td align='center'>" + note + "</td>" +
"</tr>";
$("#spesa tbody").append(tr_str);
}
}
});
});
</script>
La variable $content
es parte de index.php, index es el archivo receptor/construct.
No obtengo resultados de la ejecución del código, solo muestra los cabezales de las columnas, sin ningún tipo de data insertada, lo que me tiene un poco desconcertado es el hecho de que hay data, en todos los ejemplo que he visto, el script de jquery esta bien, pero sigo sin obtener los resultados.
UPDATE
Del archivo php que genera el mysql query y envia el paquete JSON, se elimino el siguiente codigo:
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);
if ($link === false) {
die("ERROR: Could not connect. " . mysqli_connect_error());
}
array_push($result_array, $row);
Se agrego la siguiente linea :
$result_array[]=$row;
Con este cambio en el archivo PHP, se envia un string JSON correcto.
Estaría muy agradecido si me pueden indicar en donde esta el error o si el código que estoy implementando esta errado.
Agradezco de antemano la ayuda recibida, comentarios y/o sugerencias serán bien recibidas.
Valter.
UPDATE 2
riepilogo-loop.php:
<?php
include '../../utente/index.php';
$link = mysqli_connect("localhost", "user", password, "database");
$result_array = array();
$query = "SELECT usuario, fecha, codice, articolo, quantita, note, stato FROM spesa WHERE usuario = '".$username ."'";
$result = mysqli_query($link, $query);
if (mysqli_num_rows($result) > 0) {
$item_array = array();
while($row = mysqli_fetch_assoc($result)) {
$result_array[]=$row;
}
}
echo json_encode($result_array);
$link->close();
?>
Riepilogo.php
<?php
$content = "
<div class='row'>
<div class='col-xs-12'>
<div class='box'>
<div class='box-header'>
<h3 class='box-title'>Le tue spese</h3>
</div>
<!-- /.box-header -->
<div class='box-body'>
<table id='spesa' class='table table-bordered table-hover'>
<thead>
<tr>
<th>Dipendente</th>
<th>Data</th>
<th>Codice Prodotto</th>
<th>Descrizione Prodotto</th>
<th>Quantità</th>
<th>Stato</th>
<th>Note</th>
</tr>
</thead>
<tbody>
</tbody>
<tfoot>
</tfoot>
</table>
</div>
<!-- /.box-body -->
</div>
<div>
<span>
<p><a href='create.php'>Nuova Spesa</a></p>
</span>
</div>
<!-- /.box -->
</div>
</div>";
include('index.php');
?>
<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$.ajax({
url: '../api/config/riepilogo-loop.php',
type: 'get',
dataType: 'JSON',
success: function(response){
var len = response.length;
for(var i=0; i<len; i++){
var usuario = response[i].usuario;
var fecha = response[i].fecha;
var codice = response[i].codice;
var articolo = response[i].articolo;
var quantita = response[i].quantita;
var stato = response[i].stato;
var note = response[i].note;
var tr_str = "<tr>" +
"<td align='center'>" + usuario + "</td>" +
"<td align='center'>" + fecha + "</td>" +
"<td align='center'>" + codice + "</td>" +
"<td align='center'>" + articolo + "</td>" +
"<td align='center'>" + quantita + "</td>" +
"<td align='center'>" + stato + "</td>" +
"<td align='center'>" + note + "</td>" +
"</tr>";
$("#spesa tbody").append(tr_str);
}
}
});
});
</script>
array_push
tiene ese problema. Prueba así sencillamente:while($row = mysqli_fetch_assoc($result)) { $result_array[]=$row; }
y debería funcionar. De todos modos revisa el JSON que se produzca usando el enlace de más arriba. Y en el código Ajax no tienes que parsear nada, ya le indicaste en eldataType
que esperas un JSON y Ajax lo traea ya parseado.array ("error"=>"Mensaje del error")
así en la respuesta puedes verificar conif (response.error) { //hubo error } else { //no hubo error, mostrar los datos}
O sea, dar coherencia al código.