Des points de connaissances importants doivent être maîtrisés dans les applications AJAX

Cet article vous apporte principalement quelques connaissances clés (partage) qu'il faut maîtriser dans les applications AJAX. L'éditeur le trouve plutôt bon, je vais donc le partager avec vous maintenant et le donner comme référence pour tout le monde. Suivons l'éditeur et jetons un œil. J'espère que cela pourra aider tout le monde.

Qu'est-ce qu'AJAX ?

est l'abréviation de Asynchronous Javascript And XML. Il ne s'agit pas d'un nouveau langage, mais d'une utilisation complète des technologies existantes. Son essence est de communiquer avec le serveur de manière asynchrone basée sur le protocole HTTP.

Le concept d'asynchrone ?

signifie que lorsqu'un certain programme est exécuté, il ne bloquera pas l'exécution d'autres programmes. Son expression est que l'ordre d'exécution du programme ne dépend pas. l'ordre d'écriture du programme lui-même. Au contraire, il est synchrone.

Quel est le rôle de l'asynchrone ?

L'avantage est qu'il ne bloque pas l'exécution du programme, améliorant ainsi l'efficacité globale de l'exécution.

Le cœur d'AJAX ?

XMLHTTPRequest, en abrégé XHR, Xml Extensible Markup Language, Http Hypertext Transfer Protocol, Request request. L'objet XMLHttpRequest peut mettre à jour partiellement une page Web sans soumettre la page entière au serveur. L'objet XMLHttpRequest fournit un accès complet au protocole HTTP, y compris la possibilité d'effectuer des requêtes POST et HEAD ainsi que des requêtes GET ordinaires. XMLHttpRequest peut renvoyer la réponse d'un serveur Web de manière synchrone ou asynchrone, ainsi que du contenu sous forme de texte ou de document DOM. Il peut accepter n'importe quelle forme de document texte et constitue une fonctionnalité clé de l'architecture des applications Web d'AJAX.

Comme mentionné précédemment, XMLHTTPRequest peut recevoir n'importe quelle forme de document, nous devons donc mentionner deux formats de données couramment utilisés dans la transmission réseau.

Deux formats de données couramment utilisés : XML et JSON ?

xml :

La définition de xml : Extensible Markup Language est un langage de balisage utilisé pour marquer les documents électroniques afin de les rendre structurels.

Spécifications XML :

1. Il doit y avoir un élément racine
2 Pas d'espaces, pas de chiffres ou . Définissez
4. Attributs de guillemets doubles (le navigateur les corrige automatiquement en guillemets doubles)
5. Les symboles spéciaux doivent utiliser des entités
6 Les commentaires sont les mêmes que ceux du HTML

Bien qu'ils puissent décrire. et transmettre des données complexes, mais son analyse est trop complexe et de grande taille, elle est donc rarement utilisée dans le développement de la mise en œuvre.

Une brève description des étapes d'utilisation de XML :

Puisque XML est un objet DOM, vous pouvez utiliser directement la méthode DOM,

1. réponseXML ; Obtenir XML (donné par l'interface PHP)

2. var items=xml.querySelector('item'); Récupérer la structure du document XML

３. 🎜>3.1. Initialiser var html='';

３.2. Traverser for(){get data var item=item[i],} splice html+='label+data'

４. Rendre le document. querySelector('tbody').innerHTHML=html

JSON :

Définition JSON : JavaScript Object Notation, un autre format d'échange de données texte léger, indépendant du langage.

Spécifications JSON :

1. Les données sont dans des paires nom/valeur

2 Les données sont séparées par des virgules (la dernière paire clé/valeur ne peut pas avoir de virgule)

3. . Les accolades enregistrent l'objet et les crochets enregistrent le tableau

4. Utilisez des guillemets doubles

Analyse multilingue de JSON :

Lorsque les données JSON sont transmises dans différentes langues, le type est une chaîne, différente. Chaque langue possède également sa propre méthode d'analyse, qui doit être analysée avant de pouvoir être lue.

1. Méthode d'analyse PHP

Convertir le tableau en caractère json json_encode->$json_array = json_encode($array);

Convertir le caractère json en tableau json_decode->$array_json); = json_decode($json_array);

2. Méthode d'analyse Javascript

Chaîne vers objet parse-＞var jsonObj=JSON.parse(jsonStr);

Objet vers chaîne stringify －＞var jsonStr=JSON.stringify(jsonObj);

tips : le traitement compatible JSON fait référence à la surveillance des événements onreadystatechange dans json2.js

XMLHttpRequest ?

Recommandations associées :

Exemples détaillés de la fonction load() de l'application ajax dans jquery

Exemple d'application Ajax de jquery

Résumé de l'apprentissage JavaScript JS, AJAX Application_javascript Compétences

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!