Une brève discussion sur Ajax et ses avantages et inconvénients

J'ai récemment découvert AJAX et vérifié certaines informations sur AJAX en ligne, principalement sur l'introduction technique d'AJAX et ses avantages et inconvénients. Ici, je voudrais faire un petit résumé des informations que j'ai collectées. La plupart des informations proviennent d'Internet. Je ne ferai ici qu'un résumé de classification, j'espère que cela sera utile aux amis qui apprennent AJAX comme moi.

AJAX, Javascript asynchrone et XML, peut obtenir une page de mise à jour de statut sans actualisation et une soumission asynchrone

Avantages :

Aucune prise en charge de plug-in requise
Excellente expérience utilisateur
Améliorez les performances du programme Web
Réduisez la charge sur les serveurs et le haut débit

Inconvénients :

Les boutons avant et arrière sont cassés
Recherche Support moteur insuffisant
Manque d'outils de développement et de débogage

Synchronisation et asynchrone

Synchronisation : c'est-à-dire que vous devez faire une chose une par une et attendez que la précédente soit terminée avant de pouvoir faire la chose suivante
Asynchrone : vous n'avez pas besoin d'attendre que la chose précédente soit terminée, vous pouvez faire plusieurs choses en même temps

JQuery encapsule AJAX en trois couches

La couche la plus basse : encapsule certaines opérations Ajax de base

Méthode globale : $.ajax()
Les données soumises sont ; en données, soumises en mode post, et les données soumises doivent être entourées de "{}" , soumises sous la forme de "key:value"
Lors de la soumission de l'intégralité du formulaire, vous pouvez utiliser la sérialisation du formulaire "serialize()" pour soumettre l'intégralité du formulaire
decodeURIComponent() : désérialise les données
encodeURIComponent() : sérialise les données, serialize() appelle également cette méthode pour la sérialisation
serializeArray() : convertit le formulaire en formulaire json
$.ajaxSetup() : initialise les données de $.ajax() pour définir la valeur par défaut de l'objet $.ajax()
La deuxième couche : Ajax encapsulant jQuery

Méthode partielle : .load ; (url,data,callback)
est plus adapté à l'acquisition asynchrone de fichiers statiques
Méthodes globales : $.get(url,data,callback,type),$.post(url,data,callback,type)
Peut être utilisé pour obtenir de manière asynchrone avec des fichiers dynamiques
La troisième couche : get encapsulé ;

Méthodes globales : $.getJSON,$.getScript

Demande de chargement

　$(document).ajaxStart(function) : La requête démarre Lorsque la requête se termine, la méthode déclenchée

$(document).ajaxStop(function) : Lorsque la requête se termine, la méthode déclenchée

JSON et JSONP

Lorsque Lorsque le type de données est JSON, les données ne peuvent pas être obtenues dans tous les domaines. Vous devez ajouter "?callback=" après avoir ajouté le domaine. nom pour obtenir des données d'appel inter-domaines. Lorsque dataType est JSONP, les données inter-domaines peuvent être obtenues directement.

Objet JQXHR

Les propriétés et méthodes de l'objet jQuery jqXHR

Ce qui précède est ce que j'ai compilé pour tout le monde, j'espère que cela sera utile. tout le monde dans le futur.

Articles connexes :

Méthode Ajax pour lire les données du fichier de ressources de propriétés

Méthode Ajax pour mettre à jour régulièrement un certain élément de contenu sur le page

Méthode Ajax pour obtenir la longueur du contenu de la réponse

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!