js-Methode zum Lesen und Analysieren von data_javascript-Kenntnissen des JSON-Typs

Das Beispiel in diesem Artikel beschreibt die Methode zum Lesen und Parsen von JSON-Typdaten durch js. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

1. Was ist JSON?

JSON (JavaScript Object Notation) ist ein leichtes Datenaustauschformat, das ein völlig sprachunabhängiges Textformat verwendet. Gleichzeitig ist JSON ein natives JavaScript-Format.
Sehr gut geeignet für die Interaktion zwischen Server und JavaScript

2. Warum JSON anstelle von XML verwenden

Sie alle sagen Folgendes: Obwohl es viel Werbung dafür gibt, dass XML plattform- und sprachübergreifende Vorteile bietet, haben Entwickler in gewöhnlichen Webanwendungen oft Probleme mit der XML-Analyse, sofern sie nicht auf Webdienste angewendet werden. Es bereitet Kopfschmerzen Unabhängig davon, ob der Server XML generiert oder verarbeitet oder der Client JavaScript zum Parsen von XML verwendet, führt dies häufig zu komplexem Code und einer äußerst geringen Entwicklungseffizienz. Tatsächlich benötigen die meisten Webanwendungen überhaupt kein komplexes XML zur Datenübertragung, die Erweiterbarkeit von XML hat selten einen Vorteil und viele AJAX-Anwendungen geben sogar direkt HTML-Fragmente zurück, um dynamische Webseiten zu erstellen. Im Vergleich zur Rückgabe und Analyse von XML verringert die Rückgabe von HTML-Fragmenten die Komplexität des Systems erheblich, es mangelt aber auch an einem gewissen Grad an Flexibilität

3. So verwenden Sie

Der folgende Code ist ein HTML-Code-Snippet, mit dem Sie auf eine Schaltfläche klicken können, um Daten im JSON-Format zu analysieren und den Inhalt zu benachrichtigen

Code kopieren Der Code lautet wie folgt:

Das Folgende ist der js-Funktionscode:

var json = {
  contry:{
  area:{
   man:"12万",
   women:"10万"
  }
  }
 };
//方式一：使用eval解析
 var obj = eval(json);
 alert(obj.constructor);
 alert(obj.contry.area.women);
 //方式二：使用Funtion函数
 var strJSON = "{name:'json name'}";//得到的JSON
 var obj = new Function("return" + strJSON)();//转换后的JSON对象
 alert(obj.name);//json name
 alert(obj.constructor);
//复杂一点的json数组数据的解析
 var value1 = [ 
  {"c01":"1","c02":"2","c03":"3","c04":"4","c05":"5","c06":"6","c07":"7","c08":"8","c09":"9"},
   {"c01":"2","c02":"4","c03":"5","c04":"2","c05":"8","c06":"11","c07":"21","c08":"1","c09":"12"},
  {"c01":"5","c02":"1","c03":"4","c04":"11","c05":"9","c06":"8","c07":"1","c08":"8","c09":"2"}
   ]; 
 var obj1 = eval(value1);
 alert(obj1[0].c01);
 //复杂一点的json的另一种形式
 var value2 = {
   "list":[
   {"password":"1230","username":"coolcooldool"},
   {"password":"thisis2","username":"okokok"}
   ],
   "array":[
   {"password":"1230","username":"coolcooldool"},
   {"password":"thisis2","username":"okokok"}
   ]
   };
 var obj2 = eval(value2);
 alert(obj2.list[0].password);
}

4. Bewertung

① Dieses Formular verringert die Leistung erheblich, da es den Compiler ausführen muss

② Die Eval-Funktion schwächt auch die Sicherheit Ihrer Anwendung, da sie dem auszuwertenden Text zu viel Kraft verleiht. Genau wie die Art und Weise, wie die with-Anweisung ausgeführt wird, verlangsamt sie die Leistung der Sprache

③ Der Funktionskonstruktor ist eine andere Form der Auswertung und sollte daher ebenfalls vermieden werden.

Ich hoffe, dass dieser Artikel für alle hilfreich ist, die sich mit der JavaScript-Programmierung befassen.