You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+14-1Lines changed: 14 additions & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -2,28 +2,41 @@
2
2
3
3
Exemples de solutions pour récupérer du JSON avec AJAX en JavaScript
4
4
5
-
L'API de https://delphi-books.com a été utilisée pour sortir une liste de livres à afficher à l'écran. Les données sont
5
+
L'API de [Delphi Books](https://delphi-books.com) a été utilisée pour sortir une liste de livres à afficher à l'écran. Les données sont
6
6
accessibles par GET et retournées en JSON.
7
7
8
+
Le développement de ces exemples a été effectué sur Twitch le 1 février 2022. [La rediffusion de cette session](https://serialstreameur.fr/comment-utiliser-ajax-depuis-javascript-pour-afficher-des-donnees-provenant-d-une-api-externe.html) est visible sur le site [Serial Streameur](https://serialstreameur.fr/). Des extraits sont également disponibles pour chaque exemple.
9
+
8
10
## jQuery
9
11
10
12
Récupération de la liste des livres en utilisant la commande $.ajax() de jQuery. L'affichage se fait par création de
11
13
HTML depuis jQuery.
12
14
15
+
[Voir la vidéo et les explications](https://trucs-de-developpeur-web.fr/faire-de-l-ajax-en-javascript-avec-jquery.html)
16
+
13
17
## jQuery-with-HTML-Templates
14
18
15
19
Récupération de la liste des livres en utilisant la commande $.ajax() de jQuery. Affichage par clonage d'un template
16
20
HTML en jQuery.
17
21
22
+
[Voir la vidéo et les explications](https://trucs-de-developpeur-web.fr/faire-de-l-ajax-en-javascript-avec-jquery-et-un-template-html.html)
23
+
18
24
## Web-Fetch-API
19
25
20
26
Utilisation de l'API Fetch JavaScript récente pour récupérer les données. Affichage par création de code HTML par
21
27
manipulation du DOM.
22
28
29
+
[Voir la vidéo et les explications](https://trucs-de-developpeur-web.fr/faire-de-l-ajax-en-javascript-avec-fetchapi.html)
30
+
23
31
## Web-Fetch-API-VueJS
24
32
25
33
Utilisation de l'API Fetch JavaScript récente pour récupérer les données. Affichage des données en utilisant VueJS.
26
34
35
+
[Voir la vidéo et les explications](https://trucs-de-developpeur-web.fr/faire-de-l-ajax-en-javascript-avec-fetch-api-et-vuejs-pour-l-affichage.html)
36
+
27
37
## XMLHttpRequest
28
38
29
39
Utilisation de XMLHttpRequest pour récupérer les données. L'affichage étant fait aussi par manipulation du DOM.
40
+
41
+
[Voir la vidéo et les explications](https://trucs-de-developpeur-web.fr/faire-de-l-ajax-en-javascript-avec-xmlhttprequest.html)
0 commit comments