Skip to content

Instantly share code, notes, and snippets.

@ocariocawebdesign
Last active December 29, 2022 12:10
Show Gist options
  • Save ocariocawebdesign/232f09bfe75708e1a4e0a9f6253e7d08 to your computer and use it in GitHub Desktop.
Save ocariocawebdesign/232f09bfe75708e1a4e0a9f6253e7d08 to your computer and use it in GitHub Desktop.
const result2 = document.querySelector("#result2");
async function fetchPposts(url) {
const productsResponse = await fetch(url);
const jsonBody = await productsResponse.json();
return jsonBody;
}
const requisicaoProd = fetchPposts(
"https://meusite.com.br/wp-json/wc/store/products"
);
requisicaoProd.then((productsResponse) => {
//console.log(productsResponse);
//Pegando os dados do objeto
const dadosProd = {
imgProduct0: productsResponse[0].images[0].src,
linkProduct0: productsResponse[0].permalink,
imgProduct1: productsResponse[1].images[0].src,
linkProduct1: productsResponse[1].permalink,
imgProduct2: productsResponse[2].images[0].src,
linkProduct2: productsResponse[2].permalink,
imgProduct3: productsResponse[3].images[0].src,
linkProduct3: productsResponse[3].permalink,
};
result2.innerHTML = `
<a href="${dadosProd.linkProduct0}" target="_blank"><img src="${dadosProd.imgProduct0}"></a>
<a href="${dadosProd.linkProduct1}" target="_blank"><img src="${dadosProd.imgProduct1}"></a>
<a href="${dadosProd.linkProduct2}" target="_blank"><img src="${dadosProd.imgProduct2}"></a>
<a href="${dadosProd.linkProduct3}" target="_blank"><img src="${dadosProd.imgProduct3}"></a>
`;
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment