Estoy accediendo a una api con javascript, pero al momento de ejecutar el bloque de código, me aparece el siguiente error:
Uncaught (in promise) TypeError: can't access property "length", Data is undefined
Este es el códdigo que tengo:
function Get_Product(id)
{
fetch(url, {
method: "GET",
boddy: JSON.stringify({
id: id
}),
headers: {
"Accept": "application/json",
"Content-Type": "application/json"
}
}).then(function (reponse){
if(reponse.ok)
{
return reponse.text;
}
else
{
return alert("Error");
}
}).then(function(Data){
for( i = 0; i < Data.length; i++)
{
let div = document.createElement("div");
div.classList.add("card");
let p = document.createElement("p");
var img = document.createElement("img");
img.src = Data[i].url_image;
p.innerHTML = Data[i].name;
div.appendChild(img);
div.appendChild(p);
document.getElementById("content").appendChild(div);
}
})}
No se si estoy usando mal al momento de mandar el dato, para que me regrese la consulta. Lo que quiero, es que cuando yo envío el id, me regresa los productos que son de esa categoría, pero ni siquiera llega al API.