3

tengo una pregunta es que estoy tratando de sacar los valores de una matriz pero al momento de referirlo aparece que es "undefined", tengo el siguiente codigo con el traigo la matriz desde una consulta de php:

        $(document).ready(function () {
        $("#buscadorMarca").change(function(){
            var select = $('#buscadorMarca').val();
            
            $.ajax({
                url:'../Backend/BuscarLineaVehiculo.php',
                type:'POST',
                data: {select:select},
                success: function (data){ 
                    console.log(data)
                    console.log(data[0].id)

                },
             });
        });
    });

Cuando hago el console.log(data) da como resultado la siguiente matriz: introducir la descripción de la imagen aquí, pero al momento de referirme al valor de la clave 0 aparece "undefined":introducir la descripción de la imagen aquí

1
  • Pues deberia funcionar bien, fíjate en este ejemplo: jsfiddle.net/9nz4t5vs (abre la consola donde pone console(beta) para ver la consola). Si acaso prueba de convertirlo primero a objeto con data = JSON.parse(data)
    – masterguru
    Commented el 16 mar. 2022 a las 16:13

2 respuestas 2

4

Lo más probable es que estés recibiendo esa respuesta como cadena y no como objeto JSON:

let str = '[{"id":"biz 100", "text":"biz 100"}]';
// La salida es igual a la que muestras, pero es una cadena
console.log(str);
// Si tratas de acceder al primer elemento, solo aparecerá el corchete
console.log(str[0]);

// Solo hay que interpretarla
let data = JSON.parse(str);
console.log(data);
console.log(data[0].id);

La opción más sencilla sería indicarle a jQuery que esperas recibir un objeto JSON agregando la propiedad dataType:

$(document).ready(function () {
    $("#buscadorMarca").change(function(){
        var select = $('#buscadorMarca').val();
        
        $.ajax({
            url:'../Backend/BuscarLineaVehiculo.php',
            type:'POST',
            data: {select:select},
            dataType: 'json',
            success: function (data){ 
                console.log(data)
                console.log(data[0].id)

            },
         });
    });
});

En caso de dudas, consulta la documentación.

2
  • Muchas gracias, ese era el problema Commented el 16 mar. 2022 a las 16:25
  • 2
    @ÁngelZuluaga Por favor, acepta la respuesta si te ha sido de utilidad para que la pregunta no quede pendiente de respuesta eternamente. Mira este enlace para aprender a aceptar respuestas, gracias. De paso haz el recorrido de bienvenida para aprender el funcionamiento del sitio y para ver porque es importante aceptar las respuestas válidas a tus preguntas.
    – masterguru
    Commented el 16 mar. 2022 a las 16:29
2

Me parece que lo recibes com JSON y no como objeto, por lo tanto debes parsearlo para tratarlo como objeto de este modo:

console.log(data)
data = JSON.parse(data)
console.log(data[0].id)

usando el método JSON.parse()

2
  • ¡Fuiste más rápido! xD
    – Triby
    Commented el 16 mar. 2022 a las 16:24
  • Es que te enrollas mucho :-D Pero vamos, tu respuesta es mucho más completa... yo he tirado por lo práctico esta vez (confio en que aceptará la tuya, es mucho mejor)
    – masterguru
    Commented el 16 mar. 2022 a las 16:25

Tu Respuesta

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

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.