Partage de matériel vidéo Chuanzhi Podcast AJAX

AJAX signifie « Asynchronous Javascript And XML » (Asynchronous JavaScript and XML), qui fait référence à une technologie de développement Web permettant de créer des applications Web interactives.

AJAX = JavaScript asynchrone et XML (un sous-ensemble du langage de balisage universel standard).

AJAX est une technologie permettant de créer des pages Web rapides et dynamiques.

AJAX est une technologie qui permet de mettre à jour des parties d'une page Web sans recharger la page entière.

AJAX permet de mettre à jour les pages Web de manière asynchrone en échangeant une petite quantité de données avec le serveur en arrière-plan. Cela signifie que certaines parties d'une page Web peuvent être mises à jour sans recharger la page entière.

Les pages Web traditionnelles (n'utilisant pas AJAX) doivent recharger la page Web entière si le contenu doit être mis à jour.

AJAX signifie « Asynchronous Javascript And XML », qui fait référence à une technologie de développement Web permettant de créer des applications Web interactives. "Chuanzhi Podcast AJAX Video Tutorial" explique les technologies associées à AJAX.

Adresse de lecture vidéo : //m.sbmmt.com/course/565.html

AJAX en cours de développement Dilemme

Comprenons ce problème à travers un exemple simple. Supposons que vous souhaitiez créer un système de tableau d'affichage arborescent (BBS), capable d'interagir avec le serveur en fonction des demandes des utilisateurs et de charger dynamiquement les informations de chaque article, au lieu de charger simultanément toutes les informations de l'article à partir du serveur. Chaque article possède quatre attributs associés : un identifiant qui peut être utilisé comme identifiant unique dans le système, le nom de l'affiche, le contenu de l'article et un tableau d'informations contenant les identifiants de tous ses sous-articles. Tout d’abord, supposons qu’il existe une fonction nommée getArticle() qui peut charger les informations d’un article. Le paramètre reçu par cette fonction est l'ID de l'article à charger, grâce auquel les informations sur l'article peuvent être obtenues auprès du serveur. L'objet qu'il renvoie contient quatre attributs liés à l'article : identifiant, nom, contenu et enfants. La routine est la suivante :

function ( id ) {
     var a = getArticle(id);
     document.writeln(a.name + "
" + a.content);
 }

Cependant, vous remarquerez peut-être que l'appel répété de cette fonction avec le même identifiant d'article nécessite une communication répétée et inutile avec le serveur. Pour résoudre ce problème, vous pouvez envisager d'utiliser la fonction getArticleWithCache(), qui équivaut à getArticle() avec des capacités de mise en cache. Dans cet exemple, les données renvoyées par getArticle() sont uniquement enregistrées en tant que variable globale :

var cache = {};
 function getArticleWithCache ( id ) {
     if ( !cache[id] ) {
         cache[id] = getArticle(id);
     }
     return cache[id];
 }

Maintenant que l'article lu a été mis en cache, considérons à nouveau la fonction backgroundLoad() Load all article. informations en utilisant le mécanisme de mise en cache que nous avons mentionné ci-dessus. Son but est de précharger tous ses sous-articles en arrière-plan lorsqu'un lecteur lit un article. Étant donné que les données de l'article sont structurées dans une arborescence, il est facile d'écrire un algorithme récursif pour parcourir l'arborescence et charger tous les articles :

function backgroundLoad ( ids ) {
     for ( var i=0; i < ids.length; i++ ) {
         var a = getArticleWithCache(ids[i]);
         backgroundLoad(a.children);
     }
 }

la fonction backgroundLoad() reçoit un tableau d'identifiants en tant que paramètres, puis passe chaque ID appelle la méthode getArticldWithCache() définie précédemment, afin que les articles correspondant à chaque ID soient mis en cache. Ensuite, la méthode backgroundLoad() est appelée de manière récursive via le tableau d'ID de sous-article de l'article chargé, de sorte que l'intégralité de l'arborescence de l'article soit mise en cache.

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!