Heim > Web-Frontend > js-Tutorial > Hauptteil

Beispiel für das Parsen der Serialisierung und Deserialisierung von Json-Objekten und Json-Strings

WBOY
Freigeben: 2022-08-08 15:40:34
nach vorne
2172 Leute haben es durchsucht

Dieser Artikel vermittelt Ihnen relevantes Wissen über Javascript, das hauptsächlich verwandte Themen zu Json-Objekten vorstellt. Die JavaScript-Objektnotation wird zum Speichern und Austauschen von Textinformationen verwendet. JSON ist leistungsfähiger als XML. Kleiner, schneller und einfacher Schauen wir uns das an. Ich hoffe, es wird für alle hilfreich sein.

Beispiel für das Parsen der Serialisierung und Deserialisierung von Json-Objekten und Json-Strings

【Verwandte Empfehlungen: Javascript-Video-Tutorial, Web-Frontend

Json

JavaScript Object Notation -JavaScript
Syntax zum Speichern und Austauschen von Textinformationen, für die Datenübertragung ist JSON besser als XML Kleiner, schneller und einfacher zu analysieren.

var person = {"name": "张三", age: 23, 'gender': true};var ps = [{"name": "张三", "age": 23, "gender": true},
          {"name": "李四", "age": 24, "gender": true},
          {"name": "王五", "age": 25, "gender": false}];
Nach dem Login kopieren

Json-String

var b='{"name":"2323","sex":"afasdf","age":"6262"}';//json字符串
 console.log(b);//{"name":"2323","sex":"afasdf","age":"6262"}
  alert(typeof(b));//string
Nach dem Login kopieren

Serialisierung

Der Prozess der Konvertierung einer Datenstruktur oder eines Objekts in eine binäre Zeichenfolge (Bytesequenz) wird für die Datenübertragung verwendet (Konvertieren der Daten in eine JSON-Zeichenfolge mit dem Backend @ ResponseBody wird verwendet). um Daten zu akzeptieren und zu übertragen)

  • Das Frontend hat JSON-Objekte und JSON-Strings
  • Das Back-End hat Objekte und JSON-Strings

Das Back-End besteht aus Java-Objekten. Wenn Sie Daten im JSON-Format übertragen möchten, einfach Um Serialisierungsvorgänge durchzuführen.
Java-Objekte müssen serialisiert werden, bevor sie über das Netzwerk übertragen oder auf der Festplatte gespeichert werden können.
Nach der Serialisierung wird es über das Serialisierungsframework von Jackson serialisiert.

Im Backend wird das von der Serviceschicht erhaltene Java-Objekt in ein JSON-Format konvertiert Objekt hinzufügen und an das Front-End übertragen.
Fügen Sie @reponseBody vor den Anforderungsparametern des Controllers hinzu, um die vom Front-End übergebenen JSON-Formatdaten zu empfangen.

Serialisierung und Deserialisierung des Front-Ends.

  • Serialisieren Sie das JSON-Objekt in ein JSON string: JSON.stringify(json Object) – das Front-End serialisiert die Daten und übergibt sie an das Back-End
  • Deserialisierung: deserialisiert den JSON-String in ein Objekt: JSON.parse(str) – die vom Back-End

Serialisierung und Deserialisierung am Ende

  • Serialisierung ist ein Java-Objekt -> JSON-String.
  • Deserialisierung ist ein JSON-String-> Java-Objekt. zwei Parameter der Serialisierung: Filter und Optionen.
       <dependency>
            <groupId>com.fasterxml.jackson.core</groupId>
            <artifactId>jackson-databind</artifactId>
            <version>2.8.3</version>
        </dependency>
Nach dem Login kopieren
Der Parameter ist ein Array. Nur die Attribute, die im Array erscheinen, werden serialisiert und die anderen Attribute werden ignoriert.

//类属性,

private static final ObjectMapper MAPPER = new ObjectMapper();

//序列化-----userMapList是List<user>的格式,现在我们需要将List集合序列化为json字符串

MAPPER.writeValueAsString(userMapList);

//反序列化---json格式的字符串要反序列化为对象

MAPPER.readValue(你要反序列化的json字符串,new TypeReference<要反序列化为什么对象类型,例如 User.class>() {});
Nach dem Login kopieren
var person = {
username: ‘luohao’,
password: 123456,
location: ‘whu’
}
Nach dem Login kopieren

Der dritte Parameter in JSON.stringify() stellt die Anzahl der eingerückten Leerzeichen dar, sodass die Lesbarkeit der übertragenen Daten besser ist.


var json = JSON.stringify(person, [‘username’, ‘password’]);
console.log(json);
{“username”:“luohao”,“password”:123456}
Nach dem Login kopieren
var person = {
username: ‘luohao’,
password: 123456,
location: ‘whu’,
hometown: ‘wuhan’,
}
var json = JSON.stringify(person, function filter(key, value) {
switch(key) {
case ‘location’: return undefined;
case ‘hometown’: return undefined;
default: return value;
}
});
console.log(json);

{“username”:“luohao”,“password”:123456}
Nach dem Login kopieren

【Verwandte Empfehlungen:

Javascript-Video-Tutorial

,
Web-Frontend

Das obige ist der detaillierte Inhalt vonBeispiel für das Parsen der Serialisierung und Deserialisierung von Json-Objekten und Json-Strings. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
es6
Quelle:csdn.net
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!