AJAX est sans aucun doute l’une des technologies de développement Web les plus en vogue en 2005. Bien entendu, ce mérite ne peut être séparé de celui de Google. Je ne suis qu'un développeur ordinaire et je n'utilise pas beaucoup AJAX, je vais simplement partager mon expérience de son utilisation. (Cet article suppose que l'utilisateur dispose déjà de fonctionnalités de développement Web de base telles que JavaScript, HTML et CSS)
[Introduction à AJAX]
Ajax est une méthode de développement d'applications Web qui utilise des scripts côté client pour échanger des données avec le serveur Web. Les pages Web peuvent être mises à jour dynamiquement sans interrompre le processus d'interaction ni les rééditer. Grâce à Ajax, les utilisateurs peuvent créer des interfaces utilisateur Web directes, hautement disponibles, plus riches et plus dynamiques, proches des applications de bureau natives.
Le JavaScript et XML asynchrones (AJAX) ne sont pas une nouvelle technologie, mais utilisent plusieurs technologies existantes, notamment les feuilles de style en cascade (CSS), JavaScript, XHTML, XML et les transformations de langage de style extensible (XSLT) pour développer un logiciel d'application Web d'apparence et d'action similaire à logiciel de bureau.
[Principe d'exécution AJAX]
Une interaction Ajax commence par un objet JavaScript appelé XMLHttpRequest. Comme son nom l'indique, il permet à un script côté client d'effectuer des requêtes HTTP et d'analyser une réponse du serveur au format XML. La première étape du traitement Ajax consiste à créer une instance XMLHttpRequest. Utilisez la méthode HTTP (GET ou POST) pour gérer la demande et définissez l'URL cible sur l'objet XMLHttpRequest.
Lorsque vous envoyez une requête HTTP, vous ne souhaitez pas que le navigateur se bloque et attende une réponse du serveur, vous souhaitez plutôt continuer à répondre aux interactions de l'interface utilisateur via la page et traiter les réponses du serveur une fois qu'elles arrivent. Pour ce faire, vous pouvez enregistrer une fonction de rappel avec XMLHttpRequest et envoyer la requête XMLHttpRequest de manière asynchrone. Le contrôle est immédiatement rendu au navigateur et lorsque la réponse du serveur arrive, la fonction de rappel sera appelée.
[Application pratique d'AJAX]
1. Initialiser Ajax
Ajax appelle en fait l'objet XMLHttpRequest, nous devons donc d'abord appeler cet objet Nous construisons une fonction pour initialiser Ajax :
/**.
* Initialiser un objet XMLhttp
*/
fonctionInitAjax()
{
var ajax=faux;
essayer {
ajax = new ActiveXObject("Msxml2.XMLHTTP");
} attraper (e) {
essayer {
ajax = new ActiveXObject("Microsoft.XMLHTTP");
} attraper (E) {
ajax = faux ;
}
}
si (!ajax