“Cómo mostrar la respuesta de API en HTML” Código de respuesta

Cómo mostrar datos de API en HTML

const p = document.getElementById("myPelement")
fetch('http://example.com/movies.json')
    .then((response) => {
        return response.json();
    })
    .then((data) => {
        p.innerText = data
    });
Undefined

Cómo mostrar datos JSON en HTML

function appendData(data) {
  var mainContainer = document.getElementById("myData");
  for (var i = 0; i < data.length; i++) {
    var div = document.createElement("div");
    div.innerHTML = 'Name: ' + data[i].firstName + ' ' + data[i].lastName;
    mainContainer.appendChild(div);
  }
}
Gleaming Gazelle

Cómo mostrar la respuesta de API en HTML

const urlSearchParams = new URLSearchParams(window.location.search);
let productId = urlSearchParams.get('id');
console.log(productId);

fetch('http://localhost:3000/api/products?ids')
    .then(response => response.json())
    .then(data => console.log(data));
    
 let productArticle = document.createElement('article');
 let productImage = document.createElement('img')
 console.log(productImage);
 
 
 let productTitle = document.getElementById('title')
 console.log(productTitle);
 
 let priceElement = document.getElementById('price');
 console.log(priceElement);

 let productDiscription = document.getElementById('description');
 console.log(productDiscription);

 let productColor = document.getElementById('colors');
 console.log(productColor);
Powerful Peafowl

Cómo mostrar la respuesta de API en HTML

fetch('http://localhost:3000/api/products?ids')
    .then(response => response.json())
    .then(data => console.log(data));
Powerful Peafowl

Respuestas similares a “Cómo mostrar la respuesta de API en HTML”

Preguntas similares a “Cómo mostrar la respuesta de API en HTML”

Más respuestas relacionadas con “Cómo mostrar la respuesta de API en HTML” en HTML

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código