[SOLUCIONADO] json y jquery mostrar datos recibidos con php de arrays dentro de un array

marco64yes · #1 (**permalink**) 31/07/2014, 20:10

Hola,

Cuento con la siguiente duda, estoy tratando de obtener un resultado con Json y jquery pero con el siguiente código solo puedo mostrar los datos con un solo array y uno uno con varios arrays dentro de un array , osea un resultado arrojado desde php de una búsqueda con mysql.

[["35","37"],["Marta","Juan"],["Mexico","Monterrey"]]

Mi código es el siguiente

Código PHP:

  <?php 
    // Realizo el query 
 
    $idUsers= array(); 
    $nombres = array(); 
    $ciudades= array(); 
 
    while($getUsuarios=mysql_fetch_array($queryNombres)){ 
            $idUsers[] = $getUsuarios['ID']; 
            $nombres [] = $getUsuarios['NOMBRES']; 
            $ciudades[] =  $getUsuarios['CIUDADES']; 
    } 
 
        $setNombres= array($idUsers, $nombres ,$ciudades); 
        echo json_encode($setNombres); 
 
} 
 
?>

Código PHP:

   
<html> 
    <head> 
       <title>jQuery Test</title> 
    <script type="text/javascript" src="jquery.js"></script> 
     <script type="text/javascript"> 
     
    function getUsers(){ 
                $.ajax({ 
                    url: "getUsers.php", 
                    type: "POST", 
                    data: { 
//AQUI NO SE COMO LLAMARA LOS DATOS SI SON ARRAYS 
                        ID: $("#ID").val(), 
                        NOMBRES: $("#NOMBRES").val(), 
                        CIUDADES: $("#CIUDADES").val() 
                    }, 
                    dataType: "JSON", 
                    success: function (jsonStr) { 
//AQUI NO SE COMO LLAMARLOS, YA QUE EN DATA NO SE COMO LLAMARLOS  
                        alert(jsonStr[0].ID); 
                    }, 
                    error: function() { 
                           alert("Error Encontrado"); 
                    } 
                }); 
            } 
    </script> 
    </head> 
    <body> 
    <div id="result"></div> 
        <input type="button" value="dias" onClick="getDiasClases()" /> 
        </form> 
 
    </body> 
</html>

Mis dudas son como traer los datos en data: y en success: :S

En este post puse un codigo hasta el final donde traigo datos pero desde un solo array http://www.forosdelweb.com/f179/json...stran-1105299/

Quice implementar algo parecido pero con arrays dentro de arrays ya que traigo varios datos de la base de datos y ya no solo uno.

Espero me puedan apoyar, muchas gracias!

Henkka · #2 (**permalink**) 01/08/2014, 01:27

El ejemplo está incompleto. Por qué iría algo en data si no hay parámetro discriminador?

El success es sencillo:

Código Javascript:

Ver originalalert(jsonStr[0][0]); // 35
alert(jsonStr[0][1]); // 37
alert(jsonStr[1][0]); // Marta
alert(jsonStr[1][1]); // Juan

Y los índices no parecen ser muy semánticos, sería más natural que usases:

[["35","Marta","Mexico"],["37","Juan","Monterrey"]]

Código Javascript:

Ver originalalert(jsonStr[0][0]); // 35
alert(jsonStr[0][1]); // Marta
alert(jsonStr[0][2]); // Mexico
alert(jsonStr[1][1]); // Juan

marco64yes · #3 (**permalink**) 01/08/2014, 08:10

Hola Henkka,

Gracias por tu apoyo, mira la duda seria basicamente en esta parte:

Código PHP:

                      data: { 
//AQUI NO SE COMO LLAMARA LOS DATOS SI SON ARRAYS 
                        ID: $("#ID").val(), 
                        NOMBRES: $("#NOMBRES").val(), 
                        CIUDADES: $("#CIUDADES").val() 
                    },

En donde dice data: { cpmo mandaria a traer esos datos? ya que lo anterior lo puse solo como ejemplo porque asi no funciona ya que como viste anteriormente son 3 arrays :S

Henkka · #4 (**permalink**) 01/08/2014, 10:46

Cómo mandarías a traer cuáles datos? Si getUsers.php devuelve todos los usuarios no lleva ningún parámetro y por lo tanto no hay que mandar data.

Usarías data si tu script filtrase por usuario, en lo cual escribirías algo como data: {campo: valor} .

marco64yes · #5 (**permalink**) 01/08/2014, 17:31

Excelente muchas no entendia muy bien eso pero ahora queda mas claro ya funciona gracias!

Entonces lo que hice fue simplemente eliminar el data:

Código PHP:

   <script type="text/javascript">
    
    function getUsers(){
                $.ajax({
                    url: "getUsers.php",
                    type: "POST",
                    dataType: "JSON",
                    success: function (jsonStr) {
//AQUI Ya depende como manden a traer sus datos es la forma en que lo recorreran
                        alert(jsonStr[0][0]);
                    },
                    error: function() {
                           alert("Error Encontrado");
                    }
                });
            }
    </script>

Muchas gracias!