Maison > interface Web > js tutoriel > le corps du texte

Explication détaillée de la méthode json d'analyse js/jquery

php中世界最好的语言
Libérer: 2018-04-24 11:37:54
original
1771 Les gens l'ont consulté

Cette fois, je vais vous apporter une explication détaillée de la méthode d'analyse js/jquery de json. Quelles sont les précautions pour l'analyse de js/jquery json Voici des cas pratiques, jetons un coup d'oeil.

Avant d'analyser, nous devons clarifier plusieurs concepts : Quelles sont les différences et les points de contact entre les tableaux, les tableaux associatifs et json ?

1. Introduction au concept1. Array

Syntaxe :
ECMAScript v3 spécifie la syntaxe des littéraux de tableau, JavaScript 1.2 et JScript 3.0 l'implémentent. Vous pouvez créer et initialiser un tableau en plaçant une liste d'expressions séparées par des virgules entre crochets. Les valeurs de ces expressions deviendront des éléments du tableau. Par exemple :

var a = [1, true, 'abc'];
Copier après la connexion

Voir API pour des opérations spécifiques

ps : doit être séparé par des crochets.

2. Tableau associatif

1. Syntaxe :

var myhash= {”key1″:”val1″, “key2″:”val2″ };//obj
Copier après la connexion

2.

ps : C'est presque le même que le format json, mais les exigences du format json sont plus strictes (les paires clé-valeur à l'intérieur doivent utiliser des guillemets doubles), mais json ne peut être utilisé que comme standard de format si vous le souhaitez. pour opérer dessus, il faut le convertir en un tableau associatif Object(obj).
myhash= {key1:”val1″, key2:”val2″ };//obj-也可以
Copier après la connexion

2. Opération simple

1. Ajouter une valeur de clé au tableau associatif de hachage

2. Supprimer la valeur de clé existante dans le tableau associatif de hachage
// 添加一个新键 newkey ,键值为 newval
myhash[”newkey”] = “newval”;
Copier après la connexion

.

3. Parcourez le tableau associatif de hachage
// 删除一个键 newkey ,同时,该键值对应的 newval 也就消失了
delete myhash[”newkey”];
Copier après la connexion

4. Obtenez la valeur
// 遍历整个hash 数组 
for (key in myhash) {
val = myhash[key];
}
Copier après la connexion

Méthode 1.myhash.key1

Méthode 2.myhash.key2


3.json

Exigences de format : {"key1″:"val1″, "key2″:"val2″} ;//Suivez strictement ce format et l'opération peut être basée sur le fonctionnement du tableau associatif

2. Plusieurs points clés dans les interactions front-end et back-end1 Lorsque les données envoyées par le serveur n'en sont pas une. json, mais plusieurs json, le tableau et le tableau associatif à assembler chaîne Par exemple : var objs = [{ id : 1, name : 'n_1' }, { id : 2, name : ' n_2'}];
2. Du début à la fin, les données fournies par le serveur au client ne sont qu'une chaîne, donc afin de lui permettre d'effectuer les opérations nécessaires dessus en js, cela peut être converti en objet exécutable js via eval().

Par conséquent, le $.parseJSON() fourni dans jQuey a des limites. Si c'est la situation mentionnée en 1 ci-dessus, vous devez utiliser eval() pour la conversion, puis utiliser $.each(objs,function(i ,o ){...}) pour faire fonctionner


3. Exemple de code spécifique code de la page :

@Override
 protected void service(HttpServletRequest req, HttpServletResponse reps)
   throws Servlet
Exception
, IOException {
  Map<String, Object> jsonMap=new HashMap<String, Object>();
  jsonMap.put("name", "techbirds");
  jsonMap.put("age", 23);
  jsonMap.put("sex", "male");
  reps.getWriter().print(JSONObject.fromObject(jsonMap).toString());
  reps.getWriter().flush();
  reps.getWriter().close();
 }
Copier après la connexion
Je te crois J'ai maîtrisé la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de PHP !
 @Override
 protected void service(HttpServletRequest req, HttpServletResponse reps)
   throws ServletException, IOException {
  String array="[1,2,3,4,5,6]";
  reps.getWriter().print(array);
  reps.getWriter().flush();
  reps.getWriter().close();
 }
Copier après la connexion

Lecture recommandée :

Implémentation du carrousel d'images d'effet d'animation jQuery (avec code)

Méthode d'implémentation de l'effet de glisser JQuery

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!