From cbeba48514c49a83c1323b6d489b165fb94949aa Mon Sep 17 00:00:00 2001 From: SphinxKnight Date: Wed, 22 Nov 2023 08:48:46 +0100 Subject: [PATCH] Sync w/ mdn/content/pull/30441 --- files/fr/_redirects.txt | 25 ++++----- files/fr/_wikihistory.json | 21 -------- .../fetching_data/index.md | 54 ------------------- .../fetching_data/index.md | 3 +- 4 files changed, 14 insertions(+), 89 deletions(-) delete mode 100644 files/fr/conflicting/learn/javascript/client-side_web_apis/fetching_data/index.md diff --git a/files/fr/_redirects.txt b/files/fr/_redirects.txt index 17f4558ac491e5..b1c63719e68731 100644 --- a/files/fr/_redirects.txt +++ b/files/fr/_redirects.txt @@ -4,11 +4,11 @@ # yarn content add-redirect # # FROM-URL TO-URL -/fr/docs/AJAX /fr/docs/conflicting/Learn/JavaScript/Client-side_web_APIs/Fetching_data -/fr/docs/AJAX/Communauté /fr/docs/conflicting/Learn/JavaScript/Client-side_web_APIs/Fetching_data -/fr/docs/AJAX/Premiers_pas /fr/docs/conflicting/Learn/JavaScript/Client-side_web_APIs/Fetching_data -/fr/docs/AJAX:Communauté /fr/docs/conflicting/Learn/JavaScript/Client-side_web_APIs/Fetching_data -/fr/docs/AJAX:Premiers_pas /fr/docs/conflicting/Learn/JavaScript/Client-side_web_APIs/Fetching_data +/fr/docs/AJAX /fr/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data +/fr/docs/AJAX/Communauté /fr/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data +/fr/docs/AJAX/Premiers_pas /fr/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data +/fr/docs/AJAX:Communauté /fr/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data +/fr/docs/AJAX:Premiers_pas /fr/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data /fr/docs/ARIA /fr/docs/Web/Accessibility/ARIA /fr/docs/ARIA/Accessible_Rich_Internet_Applications /fr/docs/Web/Accessibility/ARIA /fr/docs/ARIA/Applications_riches_Internet_accessibles /fr/docs/Web/Accessibility/ARIA @@ -4726,11 +4726,11 @@ /fr/docs/Web/Events/touchend /fr/docs/Web/API/Element/touchend_event /fr/docs/Web/Events/transitionend /fr/docs/Web/API/Element/transitionend_event /fr/docs/Web/Events/unload /fr/docs/Web/API/Window/unload_event -/fr/docs/Web/Guide/AJAX /fr/docs/conflicting/Learn/JavaScript/Client-side_web_APIs/Fetching_data -/fr/docs/Web/Guide/AJAX/Communauté /fr/docs/conflicting/Learn/JavaScript/Client-side_web_APIs/Fetching_data -/fr/docs/Web/Guide/AJAX/Community /fr/docs/conflicting/Learn/JavaScript/Client-side_web_APIs/Fetching_data -/fr/docs/Web/Guide/AJAX/Getting_Started /fr/docs/conflicting/Learn/JavaScript/Client-side_web_APIs/Fetching_data -/fr/docs/Web/Guide/AJAX/Premiers_pas /fr/docs/conflicting/Learn/JavaScript/Client-side_web_APIs/Fetching_data +/fr/docs/Web/Guide/AJAX /fr/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data +/fr/docs/Web/Guide/AJAX/Communauté /fr/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data +/fr/docs/Web/Guide/AJAX/Community /fr/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data +/fr/docs/Web/Guide/AJAX/Getting_Started /fr/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data +/fr/docs/Web/Guide/AJAX/Premiers_pas /fr/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data /fr/docs/Web/Guide/API/DOM /fr/docs/Web/API/Document_Object_Model /fr/docs/Web/Guide/API/DOM/Storage /fr/docs/Web/API/Web_Storage_API /fr/docs/Web/Guide/API/Gamepad /fr/docs/Web/API/Gamepad_API/Using_the_Gamepad_API @@ -6451,6 +6451,7 @@ /fr/docs/conflicting/Learn/HTML/Multimedia_and_embedding/Other_embedding_technologies /fr/docs/Learn/HTML/Multimedia_and_embedding/Other_embedding_technologies /fr/docs/conflicting/Learn/HTML/Multimedia_and_embedding/Other_embedding_technologies_fbe06d127f73df4dd2f56a31b7c2bd2d /fr/docs/Learn/HTML/Multimedia_and_embedding/Other_embedding_technologies /fr/docs/conflicting/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content /fr/docs/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content +/fr/docs/conflicting/Learn/JavaScript/Client-side_web_APIs/Fetching_data /fr/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data /fr/docs/conflicting/Learn/JavaScript/Client-side_web_APIs/Manipulating_documents /fr/docs/Learn/JavaScript/Client-side_web_APIs/Manipulating_documents /fr/docs/conflicting/Learn/JavaScript/Objects /fr/docs/Learn/JavaScript/Objects /fr/docs/conflicting/Learn/JavaScript/Objects/Classes_in_JavaScript /fr/docs/Learn/JavaScript/Objects/Classes_in_JavaScript @@ -6636,8 +6637,8 @@ /fr/docs/conflicting/Web/CSS_7fc1a1afe4642afd225ebf1b3d6227a7 /fr/docs/Web/CSS /fr/docs/conflicting/Web/CSS_c2c099599c0a58c69d1390033045f244 /fr/docs/Web/CSS /fr/docs/conflicting/Web/Guide /fr/docs/Web/Guide -/fr/docs/conflicting/Web/Guide/AJAX /fr/docs/conflicting/Learn/JavaScript/Client-side_web_APIs/Fetching_data -/fr/docs/conflicting/Web/Guide/AJAX_21419c7dfa67c94789f037a33c4e4e3e /fr/docs/conflicting/Learn/JavaScript/Client-side_web_APIs/Fetching_data +/fr/docs/conflicting/Web/Guide/AJAX /fr/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data +/fr/docs/conflicting/Web/Guide/AJAX_21419c7dfa67c94789f037a33c4e4e3e /fr/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data /fr/docs/conflicting/Web/Guide/Events/Creating_and_triggering_events /fr/docs/Web/Events/Creating_and_triggering_events /fr/docs/conflicting/Web/HTML /fr/docs/Web/HTML /fr/docs/conflicting/Web/HTML/Attributes/rel /fr/docs/Web/HTML/Attributes/rel diff --git a/files/fr/_wikihistory.json b/files/fr/_wikihistory.json index 222047160c76c6..04565d1ca40ecf 100644 --- a/files/fr/_wikihistory.json +++ b/files/fr/_wikihistory.json @@ -27436,26 +27436,5 @@ "si0ls", "dattaz" ] - }, - "conflicting/Learn/JavaScript/Client-side_web_APIs/Fetching_data": { - "modified": "2020-06-08T12:58:09.722Z", - "contributors": [ - "Maxi-MenuBestOfPlus", - "CyrilKrylatov", - "SphinxKnight", - "chrisdavidmills", - "Arkhall", - "Nothus", - "tregagnon", - "arena", - "Mgjbot", - "Summit677", - "Fredchat", - "BenoitL", - "Neumann", - "Chbok", - "VincentN", - "Dria" - ] } } diff --git a/files/fr/conflicting/learn/javascript/client-side_web_apis/fetching_data/index.md b/files/fr/conflicting/learn/javascript/client-side_web_apis/fetching_data/index.md deleted file mode 100644 index 83920919379b99..00000000000000 --- a/files/fr/conflicting/learn/javascript/client-side_web_apis/fetching_data/index.md +++ /dev/null @@ -1,54 +0,0 @@ ---- -title: AJAX -slug: conflicting/Learn/JavaScript/Client-side_web_APIs/Fetching_data -original_slug: Web/Guide/AJAX ---- - -## Démarrer avec AJAX - -**AJAX (Asynchronous JavaScript + XML)** n'est pas une technologie en soi, mais un terme désignant une « nouvelle » approche utilisant un ensemble de technologies existantes, dont : [HTML](/fr/docs/Web/HTML) ou [XHTML](/fr/docs/Glossary/XHTML), [CSS](/fr/docs/Web/CSS), [JavaScript](/fr/docs/Web/JavaScript), [DOM](/fr/docs/Web/API/Document_Object_Model), [XML](/fr/docs/Web/XML), [XSLT](/fr/docs/Web/XSLT), et surtout [l'objet `XMLHttpRequest`](/fr/docs/Web/API/XMLHttpRequest). Lorsque ces technologies sont combinées dans le modèle AJAX, les applications web sont capables de réaliser des mises à jour rapides et incrémentales de l'interface utilisateur sans devoir recharger la page entière dans le navigateur. Les applications fonctionnent plus rapidement et sont plus réactives aux actions de l'utilisatrice ou de l'utilisateur. - -Bien que le X de AJAX signifie XML, c'est le format [`JSON`](/fr/docs/Glossary/JSON) qui est le plus souvent utilisé aujourd'hui à la place de XML, du fait de sa proximité avec JavaScript et de sa légèreté par rapport à XML. Autrement dit, tant JSON que XML peuvent être utilisés comme format afin d'empaqueter des données en AJAX. - -## Documentation - -- [Démarrer](/fr/docs/Web/Guide/AJAX/Getting_Started) - - : Cet article vous guide parmi les notions de base d'AJAX et fournit deux exemples pour mettre le pied à l'étrier. -- [Utiliser l'API `XMLHttpRequest`](/fr/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest) - - - : L'API [`XMLHttpRequest`](/fr/docs/Web/API/XMLHttpRequest) est au cœur d'AJAX. Dans cet article, plusieurs techniques sont abordées : - - - [Analyser et manipuler la réponse du serveur](/fr/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest#gérer_les_réponses) - - [Surveiller l'avancement d'une requête](/fr/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest#surveiller_la_progression) - - [Soumettre des formulaires et uploader des fichiers binaires](/fr/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest#envoyer_des_formulaires_et_uploader_des_fichiers) en AJAX pur ou en utilisant des objets [`FormData`](/fr/docs/Web/API/FormData) - - Utiliser AJAX avec les [web workers](/fr/docs/Web/API/Worker) - -- [API Fetch](/fr/docs/Web/API/Fetch_API) - - : L'API `Fetch` fournit une interface permettant de récupérer (fetch en anglais) des ressources. Elle ressemble à celle exposée par [`XMLHTTPRequest`](/fr/docs/Web/API/XMLHttpRequest), mais fournit des fonctionnalités plus flexibles et puissantes. -- [Évènements émis par le serveur](/fr/docs/Web/API/Server-sent_events) - - : Généralement, c'est la page web qui initie une requête vers le serveur afin de recevoir de nouvelles données. Avec les évènements émis par le serveur, un serveur peut envoyer de nouvelles données à une page web à tout moment, via des messages. Ces derniers peuvent être traités par la page web comme des [évènements](/fr/docs/Web/API/Event) contenant des données. Voir aussi : [Utiliser les évènements émis par le serveur](/fr/docs/Web/API/Server-sent_events/Using_server-sent_events). -- [Exemple de navigation avec un site utilisant AJAX pur](/fr/docs/Web/API/History_API/Example) - - : Cet article contient un exemple fonctionnel minimaliste d'un site web composé de trois pages et qui utilise AJAX. -- [Envoyer et recevoir des données binaires](/fr/docs/Web/API/XMLHttpRequest/Sending_and_Receiving_Binary_Data) - - : La propriété `responseType` de l'objet `XMLHttpRequest` peut être modifiée afin de changer le type de réponse attendu du serveur. Les valeurs possibles sont la chaîne vide (la valeur par défaut), `arraybuffer`, `blob`, `document`, `json`, et `text`. La propriété `response` contiendra le corps de l'entité selon la valeur de `responseType`, ce pourra donc être un objet `ArrayBuffer`, `Blob`, `Document`, `JSON`, ou une chaîne de caractères. Cet article aborde quelques techniques d'entrée/sortie AJAX. -- [XML](/fr/docs/Web/XML) - - : Le langage **XML (Extensible Markup Language)** est un langage balisé qui permet de créer des formats pour des données particulières. Il s'agit d'un sous-ensemble simplifié de SGML, capable de décrire différentes sortes de données. Son principal objectif est de faciliter le partage de données entre différents systèmes, notamment ceux connectés par Internet. -- [Analyser et sérialiser du XML](/fr/docs/Web/Guide/Parsing_and_serializing_XML) - - : Dans cet article, on voit comment analyser un document XML à partir d'une chaîne de caractères, d'un fichier ou via JavaScript. On voit également comment sérialiser des documents XML en chaînes de caractères, en arbres d'objets JavaScript ou en fichiers. -- [XPath](/fr/docs/Web/XPath) - - : XPath signifie **XML Path**, c'est-à-dire un langage pour décrire des chemins dans un document XML. Il s'agit d'une syntaxe non-XML qui permet de cibler différentes parties d'un document [XML](/fr/docs/Web/XML). On peut aussi l'utiliser pour tester certains nœuds d'un document afin de déterminer s'ils suivent un motif donné ou non. -- L'API [`FileReader`](/fr/docs/Web/API/FileReader) - - : L'API `FileReader` permet aux applications web de lire le contenu de fichiers (ou de tampons de données brutes) stockés sur l'ordinateur de la personne de façon asynchrone, en utilisant des objets [`File`](/fr/docs/Web/API/File) ou [`Blob`](/fr/docs/Web/API/Blob) pour représenter le fichier ou les données à lire. On peut obtenir des objets `File` depuis un objet [`FileList`](/fr/docs/Web/API/FileList) qui pourra être produit à partir d'un élément [``](/fr/docs/Web/HTML/Element/Input) de sélection de fichiers, à partir d'un objet [`DataTransfer`](/fr/docs/Web/API/DataTransfer) d'une opération de glisser/déposer. -- [HTML et `XMLHttpRequest`](/fr/docs/Web/API/XMLHttpRequest/HTML_in_XMLHttpRequest) - - : [La spécification pour l'API `XMLHttpRequest`](https://xhr.spec.whatwg.org/) ajoute la capacité d'analyser du HTML à [`XMLHttpRequest`](/fr/docs/Web/API/XMLHttpRequest) (initialement limité à l'analyse de XML). Cette fonctionnalité permet aux applications web d'obtenir une ressource HTML comme un DOM analysé en utilisant `XMLHttpRequest`. - -## Outils - -- [axios](https://github.com/axios/axios) - - : Un client [HTTP](/fr/docs/Glossary/HTTP) utilisant les [promesses](/fr/docs/Web/JavaScript/Reference/Global_Objects/Promise) et qui utilise `XMLHttpRequest` en interne. - -## Voir aussi - -- [AJAX : une nouvelle approche pour les applications web (en anglais)](https://www.semanticscholar.org/paper/Ajax%3A-A-New-Approach-to-Web-Applications-Garrett/c440ae765ff19ddd3deda24a92ac39cef9570f1e?p2df) - - Un article écrit par Jesse James Garrett en février 2005 qui introduit AJAX et les concepts associés. -- [La spécification de `XMLHttpRequest` au sein du standard évolutif WHATWG](https://xhr.spec.whatwg.org/) diff --git a/files/fr/learn/javascript/client-side_web_apis/fetching_data/index.md b/files/fr/learn/javascript/client-side_web_apis/fetching_data/index.md index 924348c9e5dc42..162accd4aa4d5b 100644 --- a/files/fr/learn/javascript/client-side_web_apis/fetching_data/index.md +++ b/files/fr/learn/javascript/client-side_web_apis/fetching_data/index.md @@ -2,7 +2,7 @@ title: Récupérer des données du serveur slug: Learn/JavaScript/Client-side_web_APIs/Fetching_data l10n: - sourceCommit: 2b649ca83589bf827d99db5d450c0c65a9de7a24 + sourceCommit: 9f24be2de6158053df593b9b466f5da96e31f928 --- {{LearnSidebar}}{{PreviousMenuNext("Learn/JavaScript/Client-side_web_APIs/Manipulating_documents", "Learn/JavaScript/Client-side_web_APIs/Third_party_APIs", "Learn/JavaScript/Client-side_web_APIs")}} @@ -262,7 +262,6 @@ Cet article illustre comment débuter avec l'API Fetch afin de De nombreux sujets sont abordés dans cet article et nous n'en avons qu'effleurée la surface. Pour plus de détails sur chacun de ces thèmes, n'hésitez pas à parcourir les articles suivants : -- [AJAX](/fr/docs/Web/Guide/AJAX) - [Utiliser l'API Fetch](/fr/docs/Web/API/Fetch_API/Using_Fetch) - [Les promesses JavaScript](/fr/docs/Web/JavaScript/Reference/Global_Objects/Promise) - [Manipuler des données en JSON](/fr/docs/Learn/JavaScript/Objects/JSON)