Estoy tratandod e consumir un API a traves de Jquery, al momento he logrado conectarme sin problema e incluso obtengo la respuesta del API el cual tiene el siguiente formato:
{
"status": "OK",
"status_codes": [
200
],
"status_messages": [
{
"request": "Request processed."
}
],
"data": {
"package": {
"contentValue": 120.01,
"weight": 1.01,
"length": 30.01,
"height": 15.01
},
"insurance": {
"contentValue": 120.01,
"amountInsurance": 2.09
},
"originZipCode": "44100",
"destinationZipCode": "44510",
"rates": [
{
"idRates": 999999,
"idProduct": 11,
"product": "Dos días",
"vehicle": "bike",
"idCarrier": 6,
"carrier": "ESTAFETA",
"total": 203.15,
"deliveryType": "Ocurre",
"deliveryDays": 1
}
],
"idCarriersNoWsResult": "44510"
}
}
Esta información la puedo ver en la consola mediante console.log, pero no he podido plasmarla en un div, el código que uso es:
$.ajax({
headers: {'Authorization':'Mi Clave de Usuario o API KEY', 'Content-Type':'application/json'},
url: 'https://api.envioclickpro.com/api/v1/quotation',
type: 'POST',
dataType: 'json',
data: packInfo,
success: function(respuesta){
console.log(respuesta);
}
})
Como puedo almacenar ese JSON en un array ya sea de php o JS para poder acceder a su información?