Fetch API

De Wikijoan
Dreceres ràpides: navegació, cerca

Contingut

Referències

Modern Asynchronous Javascript with Async and Await

working with promises:

Guió

1. exemples bàsics amb XMLHttpRequest (text i JSON)

2. els mateixos exemples amb Fetch API

3. exemple GET

4. exemple POST

5. Form data

The body data could also be extracted from a form using the FormData interface. For example, the above code could be updated to:

Exemples vistos a classe

Prova de fer i entendre tots els exercicis vistos a classe:

Fer la requesta d'una imatge

<html>
<head>
<meta charset="UTF-8">
<title>Fetch API</title>
<script>

fetch('kobe-bryant.jpg')
	.then(function(response) {
	  return response.blob();
	})
	.then(function(imageBlob) {
	  document.getElementById('foto').src = URL.createObjectURL(imageBlob);
	});
</script>

</head>
<body>
<h1>Fetch API (BLOB)</h1>
<img id="foto" />
</body>
</html>

En aquest cas, la imatge resideix en la mateixa màquina local. Aquests exercicis que hem fet són més interessants si podem accedir a scripts i fitxers que resideixen en un servidor remot.

Exercici de classe (febrer 2020)

LListar els dòlmens de Catalunya fent una consulta a OpenStreetMap:


creat per Joan Quintana Compte, febrer 2019

Eines de l'usuari
Espais de noms
Variants
Accions
Navegació
Institut Jaume Balmes
Màquines recreatives
CNC
Informàtica musical
joanillo.org Planet
Eines