Fetch

une api moderne (par rapport à ajax) pour charger les données d'une maniere asynchronne à partir d'un serveur.

comment utiliser fetch

• Use the fetch() method

– Parameter: URL of the resource

• lancer fetch à partir de n'importe context (eg: window)

•retourne une promesse .

– résolue avec  Response object, qui donne accés aux details de la requete reponse HTTP

– elle est rejetée seulement en cas d'une erreur reseau.

 

Exemple

• Juste  prend en charge la promesse  (.then or await)

fetch('http://univsaida.dz/tasks.json')

.then((response) => {

return response.json();

})

.then((data) => {

console.log(data);

})

async function loadData() {

let response = await

fetch('http://example.com/tasks.json');

let data = await response.json();

console.log(data);

}

loadData();

 

Response object

• Main properties

– Response.ok (boolean): HTTP successful (code 200-299)

– Response.status, Response.statusText

– Response.type : basic or cors (CORS explained later in the course)

– Response.url : final URL (potentially after HTTP redirects)

– Response.body: a Readable stream of the body content