Skip to content

Commit 930a735

Browse files
add new samples to the doc
1 parent d767dc9 commit 930a735

File tree

1 file changed

+30
-5
lines changed

1 file changed

+30
-5
lines changed

README.md

Lines changed: 30 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -7,36 +7,61 @@ accessibles par GET et retournées en JSON.
77

88
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.
99

10-
## jQuery
10+
D'autres exemples ont été ajoutés depuis, hors stream, pour simplifier les copier/coller ou la création de projets simples sans devoir se taper la documentation "officielle" trop rarement limpide !
11+
12+
## jQuery (GET)
1113

1214
Récupération de la liste des livres en utilisant la commande $.ajax() de jQuery. L'affichage se fait par création de
1315
HTML depuis jQuery.
1416

1517
[Voir la vidéo et les explications](https://trucs-de-developpeur-web.fr/faire-de-l-ajax-en-javascript-avec-jquery.html)
1618

17-
## jQuery-with-HTML-Templates
19+
## jQuery-with-HTML-Templates (GET)
1820

1921
Récupération de la liste des livres en utilisant la commande $.ajax() de jQuery. Affichage par clonage d'un template
2022
HTML en jQuery.
2123

2224
[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)
2325

24-
## Web-Fetch-API
26+
## Web-Fetch-API (GET)
2527

2628
Utilisation de l'API Fetch JavaScript récente pour récupérer les données. Affichage par création de code HTML par
2729
manipulation du DOM.
2830

2931
[Voir la vidéo et les explications](https://trucs-de-developpeur-web.fr/faire-de-l-ajax-en-javascript-avec-fetchapi.html)
3032

31-
## Web-Fetch-API-VueJS
33+
## Web-Fetch-API-Get (GET)
34+
35+
Utilise Fetch API pour faire une requête GET avec deux paramètres à [un programme de dump en PHP](https://github.com/DeveloppeurPascal/PHP-API-Dump) côté serveur.
36+
37+
## Web-Fetch-API-Post (POST)
38+
39+
Utilise Fetch API pour faire une requête POST avec deux paramètres à [un programme de dump en PHP](https://github.com/DeveloppeurPascal/PHP-API-Dump) côté serveur.
40+
41+
## Web-Fetch-API-VueJS (GET)
3242

3343
Utilisation de l'API Fetch JavaScript récente pour récupérer les données. Affichage des données en utilisant VueJS.
3444

3545
[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)
3646

37-
## XMLHttpRequest
47+
## XMLHttpRequest (GET)
3848

3949
Utilisation de XMLHttpRequest pour récupérer les données. L'affichage étant fait aussi par manipulation du DOM.
4050

4151
[Voir la vidéo et les explications](https://trucs-de-developpeur-web.fr/faire-de-l-ajax-en-javascript-avec-xmlhttprequest.html)
4252

53+
## XMLHttpRequest-GET (GET)
54+
55+
Une requête en GET pour montrer comment simuler un envoi de valeurs comme l'aurait fait un formulaire HTML classique avec une méthode GET.
56+
57+
Utilise le programme [PHP API Dump](https://github.com/DeveloppeurPascal/PHP-API-Dump) comme destination des requêtes.
58+
59+
GET = QUERY_String => les paramètres sont envoyés dans l'URL.
60+
61+
## XMLHttpRequest-POST (POST)
62+
63+
Une requête en POST pour montrer comment simuler un envoi de valeurs comme l'aurait fait un formulaire HTML classique avec une méthode POST.
64+
65+
Utilise le programme [PHP API Dump](https://github.com/DeveloppeurPascal/PHP-API-Dump) comme destination des requêtes.
66+
67+
POST => les paramètes sont envoyés dans le corps de la demande, mais leur encapsulation dépend du content-Type ajouté dans le header de la requête.

0 commit comments

Comments
 (0)