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.
response
) un array?