Nous mettrons à jour notre Politique de confidentialité prochainement. En voici un aperçu.

JavaScript : JSON, AJAX et les requêtes asynchrones

Découvrir les fonctions AJAX de jQuery

Testez gratuitement nos 1340 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
jQuery propose plusieurs méthodes pour travailler avec les requêtes AJAX. Avec votre formateur, vous allez les découvrir et parler du cœur de jQuery.
04:03

Transcription

Avec jQuery, deux possibilités : soit on utilise la méthode Ajax qui est une méthode permettant d'écrire complètement une requête et de donner tous les paramètres de cette requête, soit on va utiliser ce qu'on appelle les méthodes « Proxy » et il y en a quelques unes qui sont disponibles. Alors, si j'utilise Ajax, d'ailleurs si on utilise des méthodes Proxy, je peux, dans le moteur de recherche de jQuery, taper Ajax pour avoir les dernières informations et possibilités d'utiliser Ajax. Alors, on verra qu'ici, on va nous ressortir des guides d'« upgrade », donc le mieux étant, si vous voulez vraiment avoir la documentation, de vous rendre sur l'API Documentation qui sera beaucoup plus simple, dans laquelle, ici, on pourra trouver Ajax. Et en tapant Ajax ici, vous allez avoir toutes les possibilités, toutes les informations disponibles, toute l'API disponible pour utiliser Ajax. Alors, celles qui vont nous intéresser le plus, pour nous, en tout cas, ça va être la vraie méthode Ajax de jQuery qui se trouve ici : «jQuery.ajax » et ensuite, on aura, vous le verrez, des méthodes Proxy. Pour les méthodes Proxy, elles sont un petit peu plus bas, on a « .get » ici, on a « .post » à cet endroit-là, on a « .param » si on a envie de sérialiser des paramètres. On a du « .when », on a pas mal de petites méthodes proxy comme ça. Vous remarquez quelque chose, c'est que dans la documentation, des fois, vous aurez ça, ça veut dire que vous pouvez utiliser en fait, chaîner cette partie-là sur quelque chose d'autre, généralement, sur un élément ou autre et quand vous voyez cette partie-là ici, « jQuery.ajax », ça voudra dire que vous devez utiliser l'espace de nom jQuery. En fait, ça, c'est un utilitaire, ça fait partie des utilitaires. Je vous montre où se trouvent les utilitaires dans jQuery, vous les avez ici, les « utilities » qu'on a là, à cet endroit-là et ça, c'est tous les utilitaires disponibles sur jQuery qui sont disponibles directement sur la lib. Pour les utiliser, il va falloir utiliser vraiment la librairie et je vais vous montrer comment on fait, là, vous pouvez utiliser le « $ » qui en fait est un raccourci, mais vous pouvez aussi utiliser tout le nom jQuery, ça marche aussi, les deux sont possibles. Donc, ça veut dire que ça fera « $. » et puis ici, « ajax » pour aller appeler la méthode Ajax. Quand vous allez faire ça, vous allez vous retrouver avec un objet qui, à s'y méprendre, va ressembler à « XMLHttpRequest », c'est dingue ça ! Et bien, oui, parce qu'en fait, au final, derrière, qu'est-ce qui va se passer ? C'est du « XMLHttpRequest » qui va être utilisé, vous ne me croyez pas ? Allez, on va aller regarder. On va regarder ici dans la librairie jQuery et on va chercher la méthode Ajax. Et en cherchant la méthode Ajax ici, on se rendra compte, il va falloir se balader un petit peu, quand même, on se rendra compte qu'au final, c'est du « XMLHttpRequest » qui a été utilisé. Le mieux serait de faire « XMLHttpRequest » et de voir qu'effectivement, dans les « ajaxSettings » qui vont constituer la requête, on va trouver du « XMLHttpRequest » et on va en trouver à d'autres endroits aussi parce que c'est utilisé derrière, c'est comme ça en fait que il va constituer la requête, il va utiliser « XMLHttpRequest », par contre, lui, il va mettre par dessus une couche un peu plus intéressante d'appel qui va nous permettre de travailler avec cet objet, mais en tout cas, on utilisera toujours, quoi qu'il arrive, même dans une librairie qui va vous proposer des méthodes, l'objet « XMLHttpRequest ». Là, si vous voulez vraiment voir, on peut faire « XMLHttp » pour voir qu'effectivement ici, il va utiliser « XMLHttpRequest » à cet endroit-là, il va essayer de nous retourner cet objet-là dans « xhr » et « xhr » sera utilisé un peu partout pour constituer et envoyer les requêtes. C'est toujours pareil, le grand intérêt, par contre, de jQuery, vous allez le voir, c'est que quand on va utiliser, du coup, les méthodes de jQuery pour travailler avec notre objet, ça va être très simple, on ne va pas avoir grand-chose à écrire pour que ça fonctionne tout seul. Ce que je vous propose, c'est qu'on découvre les premières méthodes proxy les plus intéressantes, puis ensuite, on écrira une requête un peu plus construite avec l'objet Ajax de base et on verra comment on peut travailler les réponses directement dans le code pour essayer d'afficher ça dans la page, de récupérer de l'info, de faire quelque chose de sympa, on mettra en place un petit comportement.

JavaScript : JSON, AJAX et les requêtes asynchrones

Découvrez les requêtes asynchrones en Javascript avec le format JSON et la norme AJAX. Assimilez les techniques du développement d’applications web en single-page.

2h03 (30 vidéos)
Aucun commentaire n´est disponible actuellement
 

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !