Heim >Web-Frontend >js-Tutorial >Detaillierte Erläuterung der JSON-Methode zum Parsen von js/jquery

Detaillierte Erläuterung der JSON-Methode zum Parsen von js/jquery

php中世界最好的语言
php中世界最好的语言Original
2018-04-24 11:37:541839Durchsuche

Dieses Mal werde ich Ihnen eine detaillierte Erklärung der js/jquery-Parsing-JSON-Methode geben. Was sind die Vorsichtsmaßnahmen für die js/jquery-Parsing-JSON?

Vor dem Parsen müssen wir mehrere Konzepte klären: Was sind die Unterschiede und Kontaktpunkte zwischen Arrays, assoziativen Arrays und JSON?

1. Konzepteinführung

Syntax:

ECMAScript v3 spezifiziert die Syntax von Array-Literalen,
JavaScript 1.2 und JScript 3.0 implementieren es. Sie können ein Array erstellen und initialisieren, indem Sie eine durch Kommas getrennte Liste von Ausdrücken in eckige Klammern setzen. Die Werte dieser Ausdrücke werden zu Array-Elementen. Zum Beispiel:

var a = [1, true, 'abc'];
Siehe API für bestimmte Vorgänge

ps: muss durch eckige Klammern getrennt werden.

2. Assoziatives Array

1. var

ps: Es ist fast dasselbe wie das JSON-Format, aber die Anforderungen an das JSON-Format sind strenger (die darin enthaltenen Schlüssel-Wert-Paare müssen doppelte Anführungszeichen verwenden), aber JSON kann nur als Formatstandard verwendet werden, wenn Sie möchten Um es zu bearbeiten, muss es in ein assoziatives Array Object (obj) umgewandelt werden.
var myhash= {”key1″:”val1″, “key2″:”val2″ };//obj

2. Einfache Operation
myhash= {key1:”val1″, key2:”val2″ };//obj-也可以
1. Schlüsselwert zum Hash-Assoziativarray hinzufügen

2. Vorhandenen Schlüsselwert im Hash-Assoziativarray löschen

3. Durchlaufen Sie das Hash-Assoziationsarray
// 添加一个新键 newkey ,键值为 newval
myhash[”newkey”] = “newval”;

4. Holen Sie sich den Wert
// 删除一个键 newkey ,同时,该键值对应的 newval 也就消失了
delete myhash[”newkey”];

Methode 1.myhash.key1

Methode 2.myhash.key2
// 遍历整个hash 数组 
for (key in myhash) {
val = myhash[key];
}

3.json

Formatanforderungen:

{“key1″:“val1″, „key2″:“val2″};// Halten Sie sich strikt an dieses Format, damit die Operation ausgeführt werden kann zum Betrieb des assoziativen Arrays

2. Mehrere wichtige Punkte bei Front-End- und Back-End-Interaktionen

1 json, aber mehrere json, das Array und das assoziative Array zum Zusammenstellen von

string Zum Beispiel: var objs = [{ id: 1, name: 'n_1' }, { id: 2, name: ' n_2'}];2. Von Anfang bis Ende sind die vom Server an den Client bereitgestellten Daten nur eine Zeichenfolge. Damit er die erforderlichen Operationen in js ausführen kann, kann dies der Fall sein über eval() in ein ausführbares js-Objekt konvertiert. Daher weist die in jQuey bereitgestellte Funktion $.parseJSON() Einschränkungen auf. Wenn es sich um die in 1 oben erwähnte Situation handelt, müssen Sie eval() für die Konvertierung verwenden und dann $.each(objs,function(i ,o ){...}) zur Bedienung von

3. Spezifischer Beispielcode

Seitencode:

Ich glaube dir Nachdem Sie den Fall in diesem Artikel gelesen haben, beherrschen Sie die Methode. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:
@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();
 }
 @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();
 }

Implementierung des jQuery-Animationseffekt-Bildkarussells (mit Code)

JQuery-Drag-Effekt-Implementierungsmethode

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der JSON-Methode zum Parsen von js/jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn