“Comment afficher la réponse de l'API dans HTML” Réponses codées

Comment afficher les données de l'API dans HTML

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

Comment afficher les données JSON dans 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

Comment afficher la réponse de l'API dans 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

Comment afficher la réponse de l'API dans HTML

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

Réponses similaires à “Comment afficher la réponse de l'API dans HTML”

Questions similaires à “Comment afficher la réponse de l'API dans HTML”

Plus de réponses similaires à “Comment afficher la réponse de l'API dans HTML” dans HTML

Parcourir les réponses de code populaires par langue

Parcourir d'autres langages de code