“Jak wyświetlić odpowiedź API w HTML” Kod odpowiedzi

Jak wyświetlać dane API w HTML

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

Jak wyświetlać dane JSON w 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

Jak wyświetlić odpowiedź API w 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

Jak wyświetlić odpowiedź API w HTML

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

Odpowiedzi podobne do “Jak wyświetlić odpowiedź API w HTML”

Pytania podobne do “Jak wyświetlić odpowiedź API w HTML”

Więcej pokrewnych odpowiedzi na “Jak wyświetlić odpowiedź API w HTML” w HTML

Przeglądaj popularne odpowiedzi na kod według języka

Przeglądaj inne języki kodu

Shell/Bash
C#
C++
C
CSS
HTML
Java
JavaScript
Objective-C
PHP
Python
Sql
Swift
Ruby
TypeScript
Go
Kotlin
Assembly
R
VBA
Scala
Rust
Dart
Elixir
Clojure
Haskell
Matlab
Erlang
Cobol
Fortran
Scheme
Perl
Groovy
Lua
Julia
Delphi
Abap
Lisp
Prolog
Pascal
ActionScript
Basic
Solidity
PowerShell
GDScript
Excel