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