JSON-Datenspeicherformat für die Ajax-Interaktion mit Benutzern

Die Datenspeicherung ist die Kernfunktion von JavaScript. Die ordnungsgemäße Speicherung von Daten hilft uns, die Struktur zu organisieren und der Anwendung später den Zugriff auf den Inhalt zu erleichtern. Dieser Artikel stellt Ihnen das JSON-Datenspeicherformat für die Ajax-Interaktion mit Benutzern vor. Freunde, die sich für Ajax interessieren, sollten sich das JSON-Datenspeicherformat für die Ajax-Interaktion mit Benutzern ansehen von JavaScript Dies ist eine leicht verwirrende Frage in den frühen Phasen des Lernens. Es handelt sich dabei nicht um auffällige Spezialeffekte wie Seitenverschieben, Diashow, Ein- und Ausblenden usw. Die ordnungsgemäße Speicherung von Daten hilft uns, die Struktur zu organisieren und erleichtert Anwendungen den späteren Zugriff auf die Inhalte. JavaScript bietet eine Vielzahl von Datenspeichermethoden. Es handelt sich um ein evolutionäres Modell von einfachen zu zukünftigen Trends: XML steht für Extensible Markup Language und ist ein relativ flexibles Datenformat Die Struktur ähnelt der von HTML und enthält auch die gleichen Elemente, Tags und Attribute. Einer seiner Vorteile besteht darin, dass es sich um ein erweiterbares Format handelt und Sie nicht auf eine bestimmte voreingestellte Datenstruktur beschränkt sind. Außerdem entspricht es dem DOM-Standard und die mithilfe von AJAX-Aufrufen erhaltenen Daten ähneln dem Parsen von HTML über das entsprechende DOM Methoden und Eigenschaften analysieren es:

<ingredient>
<prison>
<name>apple</name>
<color>red</color>
</prison>
<prison>
<name>tomato</name>
<color>red</color>
</prison>
<prison>
<name>peach</name>
<color>pink</color>
</prison>
<prison>
<name>pitaya</name>
<color>green</color>
</prison>
</ingredient>

Ein schwerwiegender Fehler von XML besteht jedoch darin, dass es nicht für alle von Aiax aufgerufenen Domänennamen verwendet werden kann Das heißt, die XML-Daten jedes Ajax-Aufrufs müssen denselben Domänennamen haben wie das Skript, das den Aufruf ausführt, andernfalls schlägt die Anforderung fehl.

HTML-Speicher ist ebenfalls ähnlich, er lässt sich am einfachsten mit Ajax kombinieren. Der wichtige Faktor bei der Verwendung dieser Methode des Datenformats ist die Geschwindigkeit. Das HTML-Code-Snippet kann direkt in das DOM ausgegeben werden, ohne es auf dem Client zu analysieren, sodass wir keinen zusätzlichen JavaScript-Code schreiben müssen, um HTML zu analysieren.

<ul>
<li><a href="boke.js">apple:red</a></li>
<li>tomato:red</li>
<li>peach:pink</li>
<li>piyata:green</li>
</ul>

Lassen Sie uns über seine Mängel sprechen. Die darin gespeicherten Daten können mit HTML-Code vermischt sein, sodass die Wartbarkeit beeinträchtigt ist. Darüber hinaus müssen Entwickler beim Schreiben von Verarbeitungscode möglicherweise einige Feinkontrollmaßnahmen auf der Serverseite ergreifen.

Das Folgende ist die Methode zur

Verwendung von JavaScript

zur Datenspeicherung, Schritt für Schritt...Variablen

JavaScript ist die einfachste Datenspeichermethode. Es akzeptiert Strings, Werte, Boolesche Werte usw. Der Kerninhalt ist die Frage des Umfangs.

Leistungsprobleme im Zusammenhang mit Variablen:

Nachdem die Variable deklariert wurde, wird sie in der JavaScript-Datei zwischengespeichert, sodass sie sich innerhalb der befindet Geltungsbereich Sie können wiederholt verwendet werden. Der Aufwand für den Erhalt von Variablen ist minimal. Solange die Häufigkeit der Verwendung der Daten größer als 1 ist, sollten sie in der Variablen gespeichert werden.

Array

Array, wie gewöhnliches Array, assoziatives Array und Mehrdimensionales Array, sie sind alle Elementlisten, diese Form ist eine Vielzahl von Daten Lagerung Eine sehr flexible Lösung. Die Beherrschung der grundlegendsten Form von Arrays wird auch für die Verwendung anderer komplexer Formen von großem Nutzen sein. Der Zugriff auf Array-Elemente ist bei einfachem interaktivem Code üblich. Angesichts der Bedeutung von Arrays als Datenspeichertyp bietet JavaScript eine große Anzahl exklusiver Methoden für Array-Interaktionsoperationen: Die Methode

.join() kann für jedes Element in ein bestimmtes Zeichen als Konnektor angeben das Array; Die Methode „slice()“ kann Elemente innerhalb eines bestimmten Bereichs im Array ausgeben; die Methoden „shift()“ und „unshift()“ werden verwendet, um Elemente am Anfang des Arrays zu entfernen bzw. hinzuzufügen um Elemente im Array zu entfernen und zurückzugeben; die Methode concat() wird verwendet, um mehrere Arrays in einem Array zusammenzufassen, abhängig von der Reihenfolge der Parameter kann die Methode sort() die Elemente des Arrays alphabetisch anordnen Reihenfolge oder eine benutzerdefinierte Reihenfolge, die jedoch nur auf dem ersten Zeichen basiert. Die Sortierung ist im Allgemeinen falsch.

Objekt

Wenn die Daten komplexer und schwieriger zu verwalten werden, werde ich mich dafür entscheiden, das Array in ein Objekt umzuwandeln. Weil die Art und Weise, wie Objekte gespeichert werden, besser lesbar ist.

//对象数据存储
var meatball = {
bread:"wang",
meat :"li",
cheese : "zhang"
};
//返回对象的bread 
alert(meatball.bread);

Der Einfluss von Objekten auf die Effizienz

Der obige Code hat nur eine Ebene, kann jedoch unendlich verschachtelt werden. Objekte können Code besser organisieren und die Modularität verbessern. Gleichzeitig sind jedoch Kompromisse bei Leistung und Wartbarkeit zu berücksichtigen, da nach einem dieser drei gesucht werden muss. Wenn

objektorientierte

Programmiertechnologie verwendet wird und die Verschachtelung 3 Ebenen oder mehr erreicht, treten Leistungsprobleme auf, bei der Verwendung auf der Serverseite ist dies jedoch nicht der Fall, sodass Front-End-Entwickler entscheiden müssen, wann objektorientierte Programmiertechnologie zu verwenden. JSON

JSON是一种易于同jacascript 集成的数据格式，它通常是在用JavaScript调用外部服务器时使用的。JSON数据存放于独立的文件中，而且通常位于另一台完全不同的服务器上。它现在是最常见的一种调用API服务时所使用的数据格式，人们之所以选中它，是因为此格式非常易于阅读。起初，JSON格式是作为一种XML格式的替代方案而出现的，但很快它就在数据交换领域占据了主流的地位。它是一种轻量级的数据格式，易于通过远程Ajax调用进行跨域名访问。尽管JavaScript对JSON格式的解析提供了原生的支持，但它还是一种独立于平台的格式，客户端与服务器端在数据交换时都可以使用。

由于JSON格式具备跨域名访问的能力，所以为了防止一切恶意行为，我们务必只使用从可信的数据源中获取JSON。

这是一个 Salad.json 数据文件：

//ajax JSON Salad
var ingredient = {
"fruit":[
{
"name" : "apple",
"color" : "green"
},
{
"name" : "tomato",
"color" : "red"
},
{
"name" : "peach",
"color" : "pink"
},
{
"name" : "pitaya",
"color" : "white"
},
{
"name" : "lettuce",
"color" : "green"
}
]
};

JSON最常见的用途就是配合API调用，在于API为基础的网络程序开发环境中，使用何种后端语言进行开发，数据格式都无需改变。

以上所述是小编给大家介绍的Ajax与用户交互的JSON数据存储格式，希望对大家有所帮助！！

相关推荐：

原生JS写Ajax的请求函数功能的实例分享

全面总结基于jQuery中ajax的相关方法

Ajax应该如何使用

Das obige ist der detaillierte Inhalt vonJSON-Datenspeicherformat für die Ajax-Interaktion mit Benutzern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!