Maison  >  Article  >  interface Web  >  Explication détaillée de la méthode json d'analyse js/jquery

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

php中世界最好的语言
php中世界最好的语言original
2018-04-24 11:37:541798parcourir

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'];

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

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-也可以

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”;

.

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

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

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();
 }
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();
 }

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!

Déclaration:
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