Skip to main content
1 de 4
user avatar
user avatar

La manera correcta de capturar echo json_encode() en jquery

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:

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:

<?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.

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.

user81375