Ajax - Qu'est-ce? Asynchronous JavaScript and XML: avantages et inconvénients

Maintenant, vous pouvez regarder sur Internet gagne en popularité l'utilisation et l'application des nouvelles technologies. L'un d'eux – est AJAX. Qu'est-ce? Quelles sont les caractéristiques-t-il? Où postuler? Toutes ces questions se trouvent la réponse dans cet article.

informations générales

ajax il Comment se AJAX? Qu'est-ce que cela signifie? Cette réduction est un acronyme. Il signifie Asynchronous Javascript et XML ( "Asynchronous Javascript and IKSML"). Souvent, vous pouvez voir ou entendre les informations que cette nouvelle technologie. Mais ce n'est pas vrai. Le fait que Javascript et XML, il y a déjà assez longtemps, alors que le « Ajax » est une synthèse de ces technologies. Le plus souvent, il est utilisé en conjonction avec le terme Web 2.0 et est entendu que l'utilisation des techniques de conception avancées.

Et quelle fonction?

, Nous avons déjà si une idée générale de ce qui est AJAX. Ce qu'il nous donne dans la pratique? Pourquoi être activement parler de son application? La particularité de cette technologie – est que lorsque vous utilisez ne pas besoin de rafraîchir la page entière à la première demande. Après tout, vous pouvez demander de nouvelles données que pour une partie de celui-ci. Ceci est pratique (parce que le moins de temps vous devez attendre), et le coût (pour ceux qui ne sont pas Internet illimité). Cependant, pour informer l'utilisateur sur ce qui se passe mise à niveau est souhaitable d'utiliser au moins un indicateur de charge ou des messages texte qui informent sur les nouvelles données du serveur. Comme la technologie est souvent appelé points négatifs au fait qu'il ne supporte pas les navigateurs existants et texte. Et la possibilité de désactiver la technologie Javascript est à l'utilisateur que beaucoup et apprécié. , Vous devriez donc pas abuser AJAX. Qu'il peut donner, sinon de fournir des méthodes alternatives de fournir de l'information? Dans le meilleur des cas, l'information juste ne sera pas affichée sur le site. Dans le pire – son apparence est si affectée que l'utilisateur ne doit plus revenir.

Avantages de « Ajax »

application web Cette technologie offre deux méthodes par lesquelles une page Web peut être réalisée. La première consiste à faire des changements sans redémarrer l'ordinateur. Ceci peut être accompli avec des demandes dynamiques au serveur. Le second implique l'utilisation de technologies spécifiques, dont le plus populaire est le XMLHttpRequest. Relativement propres avantages, « Ajax » peut dire ce qui suit:

Vous pouvez créer une application Web pratique, l'interface aura un nombre entier de fonctionnalités intéressantes pour l'utilisateur, avec le résultat qui facilitent l'interaction humaine et le site Web.
Au lieu d'une page complète recharger une partie. Cela permet d'économiser des ressources et optimise les performances de la machine.
La partie serveur du site est activement interagit avec l'utilisateur.
Utile pour la mise en œuvre d'un certain nombre d'idées.

communicant

Ici, par exemple, ont besoin d'un formulaire de commentaires, qui peut être utilisé pour conseiller les clients. Comment ça peut se faire? D'abord, nous devons prendre soin du « transporteur » de l'information. Pour ce faire, vous devez créer un objet XMLHttpRequest. Il agit comme un intermédiaire entre le serveur et le navigateur de l'utilisateur. Avec cet objet va envoyer des demandes et recevoir des réponses. Pour l'échange direct de données, nous avons besoin d'AJAX PHP. Ces outils peuvent être mis en œuvre à l'aide GET- ou POST-requêtes. Dans ce cas, les arguments nécessaires seront transmis directement à l'URL. En même temps, il fonctionnera la fonction, et de veiller à ce que le transfert de données ne soit pas interrompu. Mais comment mettre en œuvre-requête AJAX? Recommander l'utilisation POST. Merci à lui, vous pouvez transférer un nombre illimité de données, ce qui, d'ailleurs, est beaucoup plus difficile d'accès.

principe de fonctionnement

page Web Comment sont les Asynchronous Javascript et XML dans la pratique? Comprenons cela par un exemple. Construit par rapport à la structure que vous devez vous assurer que la partie client fournit toutes les fonctionnalités nécessaires pour l'échange de données sécurisé. Il devrait fournir les méthodes nécessaires pour transmettre de l'information sélectionnée façons. La partie serveur doit veiller à ce que le traitement des données, et à partir d'eux déjà, afin de générer de nouvelles informations à transmettre ultérieurement au client. Le type le plus commun d'interaction est de travailler avec la base de données. Nous avons mentionné précédemment est un élément de nombreux sites d'affaires comme une forme de rétroaction. L'avantage de ce cas dans « Ajax » est qu'il détient le transfert de données asynchrone. En d'autres termes, alors que l'information est envoyée, l'utilisateur peut effectuer pour lui toutes les actions nécessaires. Mettre l'accent sur les spécificités de chaque cas, vous devez décider si vous voulez que ce processus pour informer le visiteur du site. Par rapport à la même forme de rétroaction doit dire que dans ce cas, nous pouvons écrire « opérateur compose la réponse », ou quelque chose de similaire.

réponse du serveur

Il peut venir non seulement pour XML, que vous pourriez penser à cause du nom de la technologie. En outre, il peut être transmis sous forme de texte ou JSON. Dans le premier cas, les informations peuvent être immédiatement affichées sur la page. Si vous utilisez XML, vous devez prendre soin de ce fichier AJAX a été correctement traitée dans le navigateur client. Toutes les données dans ce cas est converti en (X) HTML. Lorsque vous utilisez le format JSON, vous devez effectuer le code pour obtenir l'objet complet Javascript. Il est nécessaire d'être prudent et de prendre en compte le fait que beaucoup de pirates aiment transmettre du code malveillant au moyen de cette technologie. Il est donc nécessaire de prévoir le processus de vérification des données avant qu'elles ne soient traitées. Caractéristiques de réalisation pour les différents navigateurs peuvent être légèrement différents, mais en général, l'action est un système ici.

Nous faisons une demande au serveur et un traitement de la réponse

sous forme de contre-réaction La séquence d'actions entière est la suivante:

Dans un premier temps, vous devez créer et assurez-vous qu'il y ait XMLHttpRequest.
initialise la connexion au serveur.
Envoyez la demande à elle.
Nous attendons les données à venir, et de les traiter.

Il devrait vous parler de quelques-unes des caractéristiques sur la création de l'objet. Il peut être lancé dans un endroit où il est possible que dans le cadre du langage de programmation. Mais si on lui a donné le statut d'une approche globale, en un point quelconque dans le temps pour qu'il soit possible de travailler avec une seule demande. À ce stade, vous devez porter une attention particulière. En ce qui concerne le traitement – ici nous nous concentrons sur l'instrument choisi. Donc, si les données XML à DOM-fonctions traitées et présentent l'utilisateur a le résultat final en HTML. Et quoi faire avec JSON-évalué? Il faut comprendre qu'il est la notation objet JavaScript. Qu'est-ce que cela signifie? En raison JSON un objet peut être représenté comme une chaîne. Mais il faut il faut tenir compte de rappeler que cette méthode n'est pas sûr pleinement, et beaucoup de facteurs. Mais, en général, il est très facile.

langages de programmation côté serveur

Presque toutes les applications basées sur le Web les utilise d'une manière ou d'une autre. Pour la transmission de données est le plus populaire PHP. Là-dessus l'habitude d'écrire des fichiers pour les sites, où n'est pas la vitesse de transmission de données critiques, et l'équilibre préféré entre elle et la fiabilité. techniques de transmission XMLHttpRequest discutés ci-dessus.

Configuration serveur

Asynchronous JavaScript and XML Quels programmes sont nécessaires pour fonctionner pleinement AJAX? Qu'est-ce que cela nous donne? Quels sont-ils? Pour obtenir des réponses à ces questions, vous devez vous familiariser avec la liste suivante:

HTML / XHTML. Ils sont nécessaires pour le serveur de reconnaître la mise en page.
CSS. Cet outil est nécessaire pour la sélection visuelle de conception de page.
DOM. Il est nécessaire afin d'assurer que les changements dynamiques sur une page en tant que réponse à l'action par l'utilisateur.
XML. Est nécessaire pour le transfert de données entre le client et le serveur.
JavaScript. Nous devons créer un curseur « Ajax » et de fournir l'interactivité.
XMLHttpRequest. Objet à travers lequel les requêtes seront transmises au serveur.

L'utilisation du site

Alors maintenant, nous avons à la fois les connaissances théoriques et des idées sur la façon dont l'AJAX. L'envoi de données est maintenant exige seulement une certaine pratique. Regardons en général, la façon d'aborder la mise en œuvre de la tâche à l'aide du « Ajax ». Nous avons donc besoin de créer une base de données de pilote. Et ils seront différents appareils qui peuvent fonctionner. Il convient de noter que la base de données ci-dessus est très grand, donc j'envoyer tout simplement au client et il doit offrir de faire une sélection en utilisant JavaScript n'a pas de sens. Il est également souhaitable de posséder une page Web est rechargée en raison d'un seul paramètre. Sur le serveur demande manipuleront des scripts PHP spéciaux. La base de données est mise en œuvre sous forme de fichier XML.

A propos de la base de données

ajax envoi Il est nécessaire d'élaborer sa structure. Et si les paramètres passés, qui sont les objets? Dans un tel cas, il est nécessaire de prévoir la création d'une variable, où il n'y aura pas de lien à l'événement d'appel de la fonction. Pour pouvoir y accéder depuis n'importe où il est nécessaire de faire un code global. Pour plus de commodité, il est souhaitable d'utiliser un système de gestion de base de données. Bien sûr, ce n'est pas nécessaire. Mais encore permettre l'utilisation de la base de données pour travailler plus confortablement et efficacement les données.

Nous travaillons sur le fonctionnement du moteur

Comment tout va se passer? Ainsi, il arrive un événement, ce qui entraînera une fonction spéciale. Elle préparera un GET ou POST-données qui seront envoyées. Elle appelle ensuite la fonction, qui fera appel à l'URL du script serveur. Il est nécessaire d'envisager la création d'XMLHttpRequest objet. Une référence à elle doit être stocké dans une variable. Une fois les données ont été envoyées au serveur, vous devez attendre une réponse de lui. Pour ce faire, vous pouvez activer « mise sur écoute » pour obtenir des informations (si elle est connue, et quand viendrait) ou pour fournir une fonction qui sera toujours prêt à accepter des données. Le premier mode de réalisation est moins fiable en cas d'une situation extraordinaire. La deuxième réalisation – plus coûteux en termes de ressources. Bien que, si elle ne se fait que par rapport à une variable, elle ne touche pas l'Internet rapide. Mais s'il y a des centaines et des milliers, et ils auront une haute résolution, – alors il sera une autre affaire. Il est donc nécessaire de trouver un équilibre entre l'utilisation des ressources et de l'efficacité disponibles. Après tout, il faut comprendre que tous les pas la mémoire à 16 Go. Cela peut mettre un certain temps d'attente, après quoi substitué les données précédentes ou des informations que le serveur ne sont pas disponibles à ce moment.

traits

fichier ajax Lorsque vous utilisez le « Ajax » est créé par l'interface pour la page ou une application, vous devez vous assurer que le résultat fonctionne bien sur différents systèmes d'exploitation, et sur les différents navigateurs. Dans le premier cas, sera en mesure de fournir des émulateurs d'une aide précieuse. Dans le second cas, il sera juste assez pour installer une variété de programmes et ils tester la fonctionnalité du code. Il est également nécessaire de prévoir certaines actions et, dans le cas où le navigateur de l'utilisateur sera utilisé à la date ou il arrête les réglages nécessaires. Dans de tels cas, il faut prendre soin pour le retrait du texte sur la page, en indiquant la raison pour laquelle le site de visualisation dans ce cas est impossible. Oui, maintenant la grande majorité des personnes qui utilisent la technologie moderne, mais ne laissez pas complètement aller d'attention à la probabilité et le fait que quelques pour cent des visiteurs utilisera un logiciel obsolète. Et à l'échelle de l'entreprise, il peut avoir des conséquences importantes.

conclusion

Cela vient à une fin logique de cet article. Si l'on parle de « Ajax » dans l'ensemble, cet outil vous permet de créer un site Web très attrayant et riche en fonctionnalités qui fonctionnent rapidement et avec la mise en page compétent livrer à ses utilisateurs un plaisir. Il ne fait aucun doute qu'il y aura encore des technologies plus avancées dans l'avenir, mais pour l'instant, nous allons utiliser ce que nous avons. Comme l'amélioration des langages de programmation et des techniques est tout à fait possible, et cela est une option qui sera disponible, les méthodes qui permettra de créer encore plus des produits de haute qualité. Mais quoi qu'il en soit, le travail nécessaire maintenant est. Et ce nom – « Ajax ».