Quelle est la différence entre AJAX avec JavaScript et jQuery?
Quelle est la différence entre AJAX avec jQuery et AJAX avec JavaScript?
Javascript, pour les besoins de cette question, est un langage de script côté client (dans le navigateur).
jQuery est une librairie/framework construit avec Javascript. Il est très populaire car il résout (presque universellement) les problèmes de compatibilité entre navigateurs et met l'accent sur une programmation Javascript non intrusive et basée sur le rappel.
AJAX (Asynchronous Javascript XML) est une méthode permettant de mettre à jour de manière dynamique des parties de l'interface utilisateur sans avoir à recharger la page - pour rendre l'expérience plus similaire à une application de bureau.
MODIFIER:
On dirait que vous êtes nouveau dans ce domaine. Je vous recommande sérieusement de consulter http://www.w3schools.com/js/default.asp pour commencer. C’est ce que j’avais appris javascript et c’est incroyablement bien fait.
En réalité, un seul d'entre eux est un langage de programmation.
Javascript est un langage de programmation utilisé principalement dans les pages Web pour la création de sites Web interactifs. Dans ce contexte, lorsqu'une page Web est analysée par le navigateur, il crée une représentation en mémoire de la page. C'est une arborescence qui contient tous les éléments de la page. Donc, il y a un élément racine, qui contient les éléments head et body, qui contiennent d'autres éléments, qui contiennent d'autres éléments. Donc, cela ressemble à un arbre essentiellement. Maintenant, avec javascript, vous pouvez manipuler des éléments de la page en utilisant cet arbre. Vous pouvez choisir des éléments par leur ID (getElementsById), ou leur nom de balise (getElementsByTagName), ou simplement en parcourant l'arbre (parentNode, firstChild, lastChild, nextSibling, previousSibling, etc.). Une fois que vous avez des éléments avec lesquels travailler, vous pouvez les modifier en modifiant leur apparence, leur contenu ou leur position sur la page. Cette interface est également appelée DOM (Document Object Model). Ainsi, vous pouvez faire tout ce que Javascript peut faire avec un autre langage de programmation. En l’utilisant également dans wepages, vous obtenez également un objet en mémoire de la page Web actuelle qui vous permet d’apporter des modifications à la page de manière interactive.
Ces dernières années, JavaScript est également devenu un langage populaire côté serveur fonctionnant dans un environnement appelé Node.js . Cela vous a permis de partager des parties communes de votre code entre le navigateur et le serveur.
AJAX est un technique de communication entre le navigateur et le serveur dans une page. Le chat est un bon exemple. Vous pouvez écrire un message, envoyer un message et recevoir d'autres messages sans quitter la page. Vous pouvez gérer cette interaction réseau avec Javascript côté client, à l'aide d'un objet XMLHTTP fourni par le navigateur.
jQuery est une bibliothèque qui vise simplifier le développement Web côté client en général (les deux autres ci-dessus). Il crée une couche d'abstracion afin que vous puissiez réutiliser des langages courants tels que CSS et HTML en Javascript. Il inclut également des fonctions qui peuvent être utilisées pour communiquer très facilement avec les serveurs (AJAX). Il est écrit en Javascript et ne fait pas tout pour vous, il facilite simplement les tâches courantes. Il cache également certaines des idées fausses et des bugs des navigateurs.
Pour résumer:
- Javascript est un langage de programmation (objets, tableaux, nombres, chaînes, calculs)
- AJAX et jQuery utilisent Javascript
- jQuery sert à simplifier les tâches courantes avec AJAX et à la manipulation de page (style, animation, etc.)
Enfin, un exemple juste pour voir une syntaxe:
// page manipulation in javascript
var el = document.getElementById("box");
el.style.backgroundColor = "#000";
var new_el = document.createElement("div");
el.innerHTML = "<p>some content</p>";
el.appendChild(new_el);
// and how you would do it in jQuery
$("#box")
.css({ "background-color": "#000" })
.append("<div><p>some content</p></div>");
Parmi les trois seuls javascript est un langage de programmation. jQuery est un framework basé sur javascript qui simplifie certaines tâches fastidieuses telles que la manipulation du DOM, l'ajout d'effets et d'animations et, plus important encore, sa réalisation en mode multi-navigateurs. Une des tâches simplifiées par jQuery est AJAX qui est un concept permettant à un navigateur d’envoyer une requête asynchrone à un serveur Web permettant des applications Web plus riches.
AJAX est technologie. Jquery est bibliothèque . Javascript est language .
AJAX est une méthode permettant de créer une requête XMLHttpRequest d'une page Web sur le serveur et d'envoyer/récupérer des données à utiliser sur la page Web. Il est synonyme de Javascript asynchrone et XML. Il utilise javascript pour construire un XMLHttpRequest (varie selon les navigateurs).
jQuery est un framework javascript qui peut être utilisé pour manipuler le DOM (rechercher et interagir avec le DOM). jQuery implémente une interface de haut niveau pour effectuer des demandes AJAX de manière abstraite, permettant ainsi à plusieurs navigateurs de prendre en charge la demande.
Donc, Ajax est un paradigme technologique, alors que jquery est une bibliothèque, donc ne peut pas les comparer.
AJAX est un moyen de communiquer avec le serveur en arrière-plan . JavaScript est un langage compris du navigateur . JQuery est un framework JavaScript qui facilite la vie des personnes souhaitant programmer pour le navigateur.
JS est un langage de programmation côté client.
jQuery est un framework, mais n'est pas le seul. AngularJS, Mootools, NodeJS, BackboneJS, etc. sont d’autres frameworks JS. Avec n'importe lequel de ces frameworks, vous effectuerez toute action que JS pur ne peut pas faire, ou toute action "complexe" (je ne trouve pas le mot correct). Comme Void dit, adaptant sa réponse à celle du framework: "facilite la vie des personnes qui souhaitent programmer pour le navigateur".
Avec AJAX vous pouvez communiquer votre page Web au serveur. AJAX dépend de JS pour fonctionner.