Skip to content

Commit

Permalink
Ajout de l'API fetch.
Browse files Browse the repository at this point in the history
Signed-off-by: Yoan Blanc <[email protected]>
  • Loading branch information
greut committed Feb 25, 2017
1 parent 3a21aa8 commit afe0ea6
Showing 1 changed file with 24 additions and 1 deletion.
25 changes: 24 additions & 1 deletion src/06-HTTPandAJAX.md
Original file line number Diff line number Diff line change
Expand Up @@ -217,7 +217,7 @@ $(document).ready(function(){
* Serveur : Envoi d'[entêtes][17] interdisant le cache

```javascript
MyXhr.open("GET", "fichierxml", true);
MyXhr.open("GET", "fichier.xml", true);
MyXhr.setRequestHeader("Cache-Control", "no-store, no-cache, must-revalidate,
post-check=0, pre-check=0");
MyXhr.setRequestHeader("Pragma", "no-cache");
Expand Down Expand Up @@ -247,6 +247,25 @@ MyXhr.setRequestHeader("Expires", "Wed, 09 Aug 2000 08:21:57 GMT");
* ou dans `responseXML`
* Utilisation du DOM (`getElementsByTagName(), ...`)

# Fetch API

Le successeur d'XHR est [fetch][whatwg:fetch] qui possède un _polyfill_ pour
les navigateurs ne le supportant pas. L'API, proche de celle offerte par jQuery,
est plus simple d'utilisation.

```javascript
fetch("fichier.json")
.then(function(response) {
return response.json()
})
.then(function(json) {
console.log(json);
})
.catch(function(error) {
console.error("erreur", error)
})
```

# Réponse en XML

```xml
Expand Down Expand Up @@ -329,6 +348,7 @@ myXHR.getResponseHeader("Status");
* Requêtes XHR non enregistrées dans l'historique :
* Bouton précédent non opérationnel (sauf GET et URL uniques)
* Pas de bookmark
* solution via [History API][w3c:history]
* Utilisabilité : signaler à l'utilisateur ce qui est en cours :
* GIF [AJAX loading][25]
* Rectangle Loading en haut à droite (Google)
Expand Down Expand Up @@ -377,6 +397,9 @@ myXHR.getResponseHeader("Status");
[26]:https://signalvnoise.com/archives/000558.php
[27]:https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA

[w3c:history]: http://w3c.github.io/html/browsers.html#session-history-and-navigation
[whatwg:fetch]: https://fetch.spec.whatwg.org/

<!-- Hack -->
<style>
.green {color: green}
Expand Down

2 comments on commit afe0ea6

@greut
Copy link
Member Author

@greut greut commented on afe0ea6 Feb 25, 2017

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@grunenwald ping.

@grunenwald
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Top ! Merci !

Please sign in to comment.