0

Estoy tratando de hacer un listado de productos para obteniendo los datos a través de ajax y ajax. Pero el problema esta en que no me trae todos los datos del listado que necesito mostrar, solo me muestra una A.

Tabla  Artículos

nombre        |    cateId
==========================
Tornillos     |    2
Bujes         |    3
Aros          |    1

Ajax

<div id="prueba"></div>

</script>
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var myObj = JSON.parse(this.responseText);
document.getElementById("prueba").innerHTML = myObj[2];
}
};
xmlhttp.open("GET", "datos.php", true);
xmlhttp.send();
</script>

datos.php

<?php
try {
$conn = new PDO('mysql:host=localhost;dbname=pruebas', 'root', 'pass');
$conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
}
catch(PDOException $e){
echo "ERROR: " . $e->getMessage();
}

$sql = $conn->query("SELECT * FROM articulos");
while ($row = $sql->fetch()) {
$myArr[] = $row['nombre']['cateId'];
}

$myJSON = json_encode($myArr);

echo $myJSON;
?>
1
  • Estructura bien el array en el while $myArr["nombre"]=$row["nombre"]; $myArr["cateId"]=$row["cateId"]; para recoger los datos
    – Carmen
    Commented el 22 ene. 2019 a las 7:28

1 respuesta 1

2

Cuando usas PDO, puedes valerte del fetch style PDO::FETCH_ASSOC para obtener los resultados como un array asociativo. De ese modo el array se llenará de una forma natural, por ejemplo:

<?php
try {
    $conn = new PDO('mysql:host=localhost;dbname=pruebas', 'root', 'pass');
    $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
}
catch(PDOException $e){
    echo "ERROR: " . $e->getMessage();
}

$sql = $conn->query("SELECT * FROM articulos");
while ($row = $sql->fetch(PDO::FETCH_ASSOC)) {
    $myArr[] = $row;
}

$myJSON = json_encode($myArr);
echo $myJSON;
?>

En el código de más arriba, $row será en cada iteracción del while una fila completa asociativa con los nombres de columna => datos.

Si solamente necesitas las columnas nombre y cateId, entonces recomiendo que lo especifiques en el SELECT, de ese modo evitar traer datos que no vas a usar en ese contexto: SELECT nombre, cateId FROM articulos


Nota sobre PDO y la seguridad

Te recomiendo que apagues las preparaciones emuladas en tu conexión PDO haciendo lo siguiente debajo de la línea: $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);:

$conn->setAttribute(PDO::ATTR_EMULATE_PREPARES, FALSE);

En PDO las preparaciones emuladas se establecen por defecto en TRUE, y con esta funcionalidad encendida en algunos escenarios te pueden colar inyecciones SQL más fácilmente (ver esta pregunta de SO en inglés).

11
  • Gracias Cedaro por la info de seguridad y por responder, ahora me trae los datos, pero también tenia que modificar esto: document.getElementById("prueba").innerHTML = myObj[2]; de ajax. Tambien hice esto: $myArr[] = $row['nombre']; $myArr[] = $row['cateId'].'<br>'; y como resultado obtengo esto: Soldador de Estaño,1 ,PC,2 ,Aros,2 con sus respectivos saltos de linea, pero no se porque me pone las comas. Respecto a SELECT, lo deje para que seleccione todo porque no se que va a querer el cliente, lo que estoy haciendo es a modo de prueba.
    – user101604
    Commented el 22 ene. 2019 a las 16:29
  • Yo no pondría el <br> ahí. Devolvería los datos lo más naturalmente posible, dándoles formato en el destino. Por ejemplo, en el cliente, leyendo los datos dentro de un bucle y agregando los saltos de línea. Generalmente la consulta devolverá varias filas, entonces en Javascript puedes concatenar la lectura en una variable dentro de un bucle y fuera del bucle actualizar el contenedor con innerHTML o mejor con textContent.
    – A. Cedano
    Commented el 22 ene. 2019 a las 16:32
  • En JS la lectura sería más o menos así: var htmlOutput=""; myObj.forEach(function(item){ htmlOutput +=item.nombre + "-"+ item.cateId + "<br />"; }); document.getElementById("prueba").innerHTML = htmlOutput;
    – A. Cedano
    Commented el 22 ene. 2019 a las 16:40
  • Perdón, se muy poco de ajax y json. Estuve mirando este tutorial y mas o menos lo adapte como para poder obtener una lista de los productos, precios, etc.. Pido disculpas por la falta de conocimiento. Pero gracias por la ayuda
    – user101604
    Commented el 22 ene. 2019 a las 16:56
  • No es por decepcionarte, pero W3Schools ha sido muy criticada en la comunidad de programadores, porque en muchos de sus tutoriales enseña malas prácticas. Quizá no es el caso aquí, pero lo que se recomienda es que trates de aprender mejor de los ejemplos que muestra la documentación oficial: Manual de PHP, si es HTML/Javascript puedes usar Mozilla Developper NetWork, y así según el lenguaje es mejor que te refieras primero a las fuentes oficiales. Y bueno por aquí cuando vemos alguna mala práctica solemos indicarlo (somos 4 ó 5 que siempre damos la cantaleta con eso pero algo es algo).
    – A. Cedano
    Commented el 22 ene. 2019 a las 17:01

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.