“cara menampilkan respons API di html” Kode Jawaban

cara menampilkan data API di html

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

Cara Menampilkan Data JSON di 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

cara menampilkan respons API di 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

cara menampilkan respons API di html

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

Jawaban yang mirip dengan “cara menampilkan respons API di html”

Pertanyaan yang mirip dengan “cara menampilkan respons API di html”

Lebih banyak jawaban terkait untuk “cara menampilkan respons API di html” di HTML

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya