1

Intenté esto:

public function veras() {
    $guia = Guide::all();
    $pro = Product::all();
    // return response(json_encode(array('guia'=>$guia,'pro'=>$pro)),200)->header("Content-type', 'text/plain');
}

Así intenté llamarlo:

$(document).ready(function () {
    $.ajax({
    type: "GET",
    url: "{{route('veras')}}",
    data: "data",

    success: function (response) {
        var cantidades = JSON.parse(response.guia);
        var pro = JSON.parse(response.pro);
    }
});
});

Soy nuevo y la verdad no sé cómo devolver varias matrices desde ajax o si es que no se puede hacer eso.

3
  • 1
    Explica más... ¿"varios arreglos"? ¿En qué sentido? ¿Tienes un array de URLs y quieres hacer peticiones a todas esas URLs? ¿Tienes en la respuesta (response) un array?
    – S. Wasta
    Commented el 24 ago. 2021 a las 9:49
  • 1
    Hola @luisAlbertoAlbarranJara, en la comunidad no suelen ser bien vistas las preguntas con imágenes de código, pues obligas a quien quiera responderte y probar tu código el tener que escribirlo todo desde cero. Te sugiero que edites tu pregunta y sustituyas las imágenes por el código real pegado como texto. Un saludo
    – el.trasgu
    Commented el 24 ago. 2021 a las 10:01
  • Hola, bienvenido a la comunidad. Te invito a hacer el recorrido y leer ¿cómo preguntar?. Además, para poder reproducir tu problema y encontrar una solución fácilmente nos sería de gran ayuda un ejemplo mínimo, completo y verificable. Lo primero: preferimos que copies y pegues las cosas en el texto de la pregunta que usar capturas de pantalla. Para continuar, lo que pides es muy sencillo (redactando respuesta). Commented el 24 ago. 2021 a las 12:56

1 respuesta 1

1

Tu código va por buen camino, pero le queda identificar el tipo de dato devuelto para que jQuery sea capaz de hacer la conversión adecuada.

Envías una cabecera Content-type con valor text/plain, que provoca que jQuery devuelva el valor devuelto por la llamada como una cadena de caracteres (String) en el primer parámetro de la retrollamada (response).

Para que jQuery haga la traducción de JSON a datos nativos de JavaScript debes enviar la cabecera Content-type con el valor application/json.

Para ello el código de tu controlador debería quedar tal que así:

public function veras() {
    $guia = Guide::all();
    $pro = Product::all();
    return response(
        json_encode(
            array(
                'guia' => $guia,
                'pro' => $pro,
            )
        ),
        200
     )->header("Content-type", "application/json; charset=utf-8");
}

Tu código JavaScript queda casi igual, pero ya no es necesario hacer uso de JSON.parse() porque jQuery hizo la conversión adecuada:

$(document).ready(function () {
    $.ajax({
        type: "GET",
        url: "{{route('veras')}}",
        data: "data",
        success: function (response) {
            var cantidades = response.guia;
            var pro = response.pro;
        }
    });
});

También podrías haber forzado en el lado de jQuery la conversión que debía realizarse mediante el uso del parámetro dataType (también sería innecesario hacer JSON.parse()):

$(document).ready(function () {
    $.ajax({
        type: "GET",
        url: "{{route('veras')}}",
        data: "data",
        dataType: "json", /* Forzamos la interpretación del resultado como JSON */
        success: function (response) {
            var cantidades = response.guia;
            var pro = response.pro;
        }
    });
});

Por último, también podrías haber convertido la cadena de caracteres que te entregó jQuery a datos nativos de JavaScript haciendo uso de JSON.parse():

$(document).ready(function () {
    $.ajax({
        type: "GET",
        url: "{{route('veras')}}",
        data: "data",
        success: function (response) {
            const datos = JSON.parse(response);
            var cantidades = datos.guia;
            var pro = datos.pro;
        }
    });
});

Pero como puedes ver he aplicado JSON.parse() a la cadena de caracteres que me ha devuelto el servidor. Una vez hecho tenemos disponibles los datos igual que antes.

2
  • gracias por la respuesta, usé la primera forma en la llamada desde ajax en jquery, y ya no me sale error, ahora el único problema esque si detecta la cantidad de objetos, pero solo trae los sin los datos, es decir me vota objetos vacios, pero con la cantidad que si es la precisa... así : cantidades = [ ],[ ],[ ],[ ] Commented el 27 ago. 2021 a las 2:51
  • ¿En qué parte del código te pasa eso? ¿Podrías explicar mejor paso a paso qué haces para reproducir tu problema? No entiendo en qué zona del código el número de objetos entregado es variable. ¿Te refieres a los contenidos de guia y pro? Commented el 27 ago. 2021 a las 6:31

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.