La relation entre jQuery, ajax et JSON

Dans le processus de travail sur des projets récemment, j'ai toujours été peu clair sur la relation entre jQuery, ajax et JSON. Par conséquent, j'ai un peu d'expérience dans son utilisation simple, donc j'ai la relation. entre les trois a été étudié :

1. jQuery : Ce qui suit provient de l'Encyclopédie Baidu

jQuery est un framework JavaScript rapide et concis, et c'est une autre excellente bibliothèque de code JavaScript après Prototype (. ou framework JavaScript).

Le but de la conception jQuery est "écrire moins, faire plus", ce qui signifie écrire moins de code et faire plus de choses. Il encapsule les codes fonctionnels couramment utilisés en JavaScript, fournit un modèle de conception JavaScript simple et optimise les opérations sur les documents HTML, le traitement des événements, la conception d'animations et l'interaction Ajax.

Les fonctionnalités principales de jQuery peuvent être résumées comme suit : une syntaxe de chaîne unique et une interface multifonctionnelle courte et claire ; il dispose d'un sélecteur CSS efficace et flexible, et peut étendre le sélecteur CSS ; il dispose d'un mécanisme d'extension de plug-in pratique et de plug-ins riches

À partir du contenu ci-dessus, on peut extraire les 2 points suivants :

jQuery est un framework JavaScript

Il y a de nombreux contenus dans jQuery, Ajax fait partie de jQuery

AJAX

a. Qu'est-ce qu'AJAX ?

AJAX = JavaScript et XML (JavaScript asynchrone et XML)

b Caractéristiques d'AJAX :

1. Ajax peut échanger une petite quantité de données avec le serveur à mettre à jour. parties de manière asynchrone Page Web

2. Asynchrone, ce qui signifie que lorsque Ajax effectue l'opération d'échange de données, d'autres opérations peuvent toujours être effectuées (les opérations courantes telles que la saisie d'un mot sur les principaux sites Web feront apparaître beaucoup de contenu , comme Baidu, Google, Taobao)

c. Le cœur de la technologie Ajax est l'objet XMLHttpRequest (XHR en abrégé), et les données du serveur peuvent être obtenues en utilisant l'objet XHR.

d, format Ajax :

type : "",
url : "",
dataType : "json",
data : {
key : value
},
success : function(data) {
},
error : function() {
alert("系统异常");
}
});

type : méthode de requête ("POST" ou "GET"), la valeur par défaut est "GET"

url : (par défaut : actuel adresse de la page) L'adresse à laquelle la demande est envoyée.

dataType : le type de données qui devrait être renvoyé par le serveur. Généralement il s'agit de json. Si non spécifié, jQuery déterminera automatiquement et intelligemment les

données en fonction des informations MIME du package HTTP : les données envoyées au serveur. Sera automatiquement converti au format de chaîne de demande. La requête GET sera ajoutée à l'URL

succès : la fonction de rappel une fois la requête réussie. Paramètres : Données renvoyées par le serveur et traitées selon le paramètre dataType ; chaîne décrivant l'état

erreur : (Par défaut : jugement automatique (xml ou html)) Cette fonction est appelée lorsque la requête échoue

async : (Par défaut : true) Par défaut, toutes les requêtes sont des requêtes asynchrones. Si vous devez envoyer une requête synchrone, veuillez définir cette option sur false

acquisition de la valeur json : la méthode obtiendra directement

public JSONObject chageState(UserInfo userInfo) {
        JSONObject json = new JSONObject();
        return json;
    }

problème de passage de la valeur json :

peut être jugé dans le script Après cela, transmettez la valeur souhaitée. C'est une petite astuce que j'ai apprise dans ce projet. Parce que dans le processus initial, je n'ai pas porté de jugement et j'ai transmis la valeur directement, j'ai donc fait le jugement en arrière-plan. sera plus gênant ; je ne comprends toujours pas cela au début, alors j'ai appris cette petite astuce en demandant à mes amis

Problème de rafraîchissement dynamique de la page JSP :

En cours de travail sur le projet, après avoir ajouté des données, la page doit être actualisée en temps réel. Cela m'a également dérangé pendant un certain temps. Dans de nombreux cas, si vous ne savez pas comment, vous devriez demander et aller sur Baidu.

C'est la fin des recherches simples sur Ajax, car il est tellement utilisé maintenant. Étudions-le quand il y aura d'autres applications dans le futur

jQuery

JSON( JavaScript Object Notation (JS Object Notation) est un format d'échange de données léger ;

Dans le processus de transfert de valeur ajax, data (valeur de transmission) et dataType (valeur de retour) sont tous deux utilisés. C'est json

Pour en savoir plus sur json, veuillez consulter : http://www.json.org.cn/index.htm

Ce qui précède est une brève introduction à la relation entre jQuery, ajax, et json

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!