“Fonction asynchrone Obtenez une API” Réponses codées

Fonction asynchrone Obtenez une API

async function getPosts() {
  const response = await fetch('https://jsonplaceholder.typicode.com/posts?_limit=3&_page=1');
  const data = await response.json();
  return data
Nur Rafi

Fonction asynchrone Obtenez une API

async function getAllRecepies() {
    let response = await fetch("receipe.json")
    let data = await response.json()
    return data    
}


    function getRecepieHtml(aRecepie){
        return ` 
        <table>
            <tr>
                <td class="center"><strong>Id:</strong> ${aRecepie.id}</td>
                <td><strong>Menu:</strong> ${aRecepie.menu}</td>
                <td><strong>Chef:</strong> ${aRecepie.chef}</td>
                <td><strong>Time:</strong> ${aRecepie.time.join(' / ')}</td>
                <td><strong>Ingredients:</strong> ${aRecepie.ingredients.join('<br>')}</td>
               <td><img src="food.png"></td>
        </table>
    `
    }
    
    setTimeout(()=> {
        getAllRecepies().then(allRecepies => {
            document.getElementById('recepies').innerHTML = 
            `<div class="my-recepie-list">
                ${allRecepies.map(getRecepieHtml).join('')}
            </div>`      
        })
    }, 500)
Yvonne A.Okocha

Réponses similaires à “Fonction asynchrone Obtenez une API”

Questions similaires à “Fonction asynchrone Obtenez une API”

Plus de réponses similaires à “Fonction asynchrone Obtenez une API” dans PHP

Parcourir les réponses de code populaires par langue

Parcourir d'autres langages de code

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