Heim > Web-Frontend > js-Tutorial > Hauptteil

Mit welchen Methoden kann JS JSON betreiben?

php中世界最好的语言
Freigeben: 2018-04-24 17:20:34
Original
1523 Leute haben es durchsucht

Dieses Mal werde ich Ihnen vorstellen, welche Methoden JS für den Betrieb von JSON hat und welche Vorsichtsmaßnahmen für JS für den Betrieb von JSON gelten. Das Folgende ist ein praktischer Fall, schauen wir uns das an.

JSON-Übersicht:

JSON (JavaScript Object Notation) ist ein leichtes Datenaustauschformat, das eine vollständige Sprache verwendet -unabhängiges Textformat, es ist ein ideales Datenaustauschformat. Gleichzeitig ist JSON ein natives JavaScript-Format, was bedeutet, dass für die Verarbeitung von JSON-Daten in JavaScript keine spezielle API oder ein spezielles Toolkit erforderlich ist.

JSON: JavaScript-Objekt-Notation (JavaScript-Objektnotation).

JSON ist eine Syntax zum Speichern und Austauschen von Textinformationen. Ähnlich wie XML.

JSON ist kleiner, schneller und einfacher zu analysieren als XML.

JSON-Syntaxregeln

JSON-Syntax ist eine Teilmenge der JavaScript-Objektnotationssyntax.

Daten in Name/Wert-Paaren

Durch Kommas getrennte Daten

Geschweifte Klammern halten Objekt

Eckige Klammern halten Array

OK Okay Das Obige steht nicht im Mittelpunkt dieses Artikels. Dieser Artikel fasst hauptsächlich die Methoden des JS-Betriebs von JSON zusammen. In JSON gibt es zwei Strukturen: Objekte und Arrays. 1. Ein Objekt beginnt mit „{“ (linke Klammer) und endet mit „}“ (rechte Klammer). Auf jeden „Namen“ folgt ein „:“ (Doppelpunkt); „Name/Wert“-Paare werden durch ein „“, (Komma) getrennt. Der Name wird in Anführungszeichen gesetzt; wenn der Wert string ist, muss er in Klammern gesetzt werden und numerische Typen sind nicht erforderlich. Beispiel:

var o={"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"};
Nach dem Login kopieren
2. Ein Array ist eine geordnete Sammlung von Werten. Ein Array beginnt mit „[“ (linke Klammer) und endet mit „]“ (rechte Klammer). Werte werden durch "," (Komma) getrennt.

Zum Beispiel:

var jsonranklist=[{"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"},{"xlid":"zd","xldigitid":123456,"topscore":1500,"topplaytime":"2009-11-20"}];
Nach dem Login kopieren

Um JSON-Daten bequem zu verarbeiten, stellt JSON das Paket json.js bereit, Download-Adresse: http://www.json.org/json.jsWährend des Datenübertragungsprozesses wird JSON in Form von Text, also einer Zeichenfolge, übertragen, und JS arbeitet mit JSON-Objekten, sodass die Konvertierung zwischen JSON-Objekten und JSON-Zeichenfolgen der Schlüssel ist. Zum Beispiel:

JSON-Zeichenfolge:

var str1 = '{ "name": "cxh", "sex": "man" }';
Nach dem Login kopieren

JSON-Objekt:

var str2 = { "name": "cxh", "sex": "man" };
Nach dem Login kopieren

1. JSON String in JSON-Objekt konvertieren

Um str1 oben zu verwenden, müssen Sie zuerst die folgende Methode verwenden, um es in ein JSON-Objekt zu konvertieren:

//由JSON字符串转换为JSON对象
var obj = eval('(' + str + ')');
Nach dem Login kopieren

oder

var obj = str.parseJSON(); //由JSON字符串转换为JSON对象
Nach dem Login kopieren
Oder
var obj = JSON.parse(str); //由JSON字符串转换为JSON对象
Nach dem Login kopieren
Dann können Sie es so lesen:

Alert(obj.name);
Alert(obj.sex);
Nach dem Login kopieren

Besonderer Hinweis:

Wenn obj ursprünglich ein JSON-Objekt ist, verwenden Sie dazu die Funktion eval() Konvertieren Sie es (auch wenn es sich um mehrere Konvertierungen handelt) oder ein JSON-Objekt, aber nach Verwendung der Funktion parseJSON() treten Probleme auf (Auslösen einer Syntaxausnahme).

2. Sie können toJSONString() oder die globale Methode JSON.stringify() verwenden, um das JSON-Objekt in einen JSON-String zu konvertieren.

Zum Beispiel:

var last=obj.toJSONString(); //将JSON对象转化为JSON字符
Nach dem Login kopieren

oder

var last=JSON.stringify(obj); //将JSON对象转化为JSON字符
alert(last);
Nach dem Login kopieren
Ich glaube, Sie haben die Methode gemeistert, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie unter Bitte achten Sie auf andere verwandte Themen im Artikel zur chinesischen PHP-Website! Empfohlene Lektüre:

Anpassung der Ajax-Ausführungsreihenfolge in JQuery

Ajax implementiert den Lade-Warteeffekt, um die Benutzererfahrung zu verbessern

Das obige ist der detaillierte Inhalt vonMit welchen Methoden kann JS JSON betreiben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!