Convertir array a JSON con PHP y recorrerlo con JavaScript

Hola en este tutorial muestro cómo convertir a JSON un array:

<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="jquery-3.2.1.js" type="text/javascript"></script>
    </head>
    <body>
        <?php
        $conn = new PDO('mysql:host=localhost;dbname=cdcol', 'dwes', 'dwes');
        $sqlFrase = "SELECT * FROM `productos`";
        // echo $sqlFrase;

        $sql = $conn->prepare($sqlFrase);

        $sql->execute(array());
        $resultado = $sql->fetchAll();
        $jsonSelect = json_encode($resultado);
        print $jsonSelect;
        
        
        ?>
        <div id="resultado"></div>
        <script> 
        var data=<?php echo $jsonSelect ?>;
        document.getElementById("resultado").innerHTML=data[0].precio;
        
        var texto="";
        for(var i=0;i<Object.keys(data).length;i++){
            texto=texto+"El id: "+data[i].id;
            texto=texto+", la descripción: "+data[i].descripcion;
            texto=texto+", el precio: "+data[i].precio+"€<br>";
            
        }
        document.getElementById("resultado").innerHTML=texto;
        
        </script>
    </body>
</html>
 

Gracias por visitar mi blog de informática, mi nombre es Tomás y soy formador y desarrollador web. Si quiere usted dejarme alguna sugerencia, ayuda o quiere un servicio de formación estoy escuchando ofertas en tomas.gonzalez@infogonzalez.com, en Facebook a https://www.facebook.com/Infogonzalez estoy deseando escucharle. Su duda o sugerencia NO molesta.

Deja un comentario

Información básica sobre protección de datos Ver más

  • Responsable: Tomas Gonzalez.
  • Finalidad:  Moderar los comentarios.
  • Legitimación:  Por consentimiento del interesado.
  • Destinatarios y encargados de tratamiento:  No se ceden o comunican datos a terceros para prestar este servicio.
  • Derechos: Acceder, rectificar y suprimir los datos.
  • Información Adicional: Puede consultar la información detallada en la Política de Privacidad.

error: Content is protected !!

Descubre más desde InfoGonzalez - Blog de formador e informático

Suscríbete ahora para seguir leyendo y obtener acceso al archivo completo.

Seguir leyendo

Este sitio web utiliza cookies, si necesitas más información puedes visitar nuestra política de privacidad    Ver
Privacidad