Interaktiver Ajax- und JSON-Datenspeicher

Dieses Mal werde ich Ihnen die Vorsichtsmaßnahmen für die interaktive Speicherung von Ajax- und JSON-Daten vorstellen. Das Folgende ist ein praktischer Fall, schauen wir uns das an.

JavaScript Dies ist in den frühen Phasen des Lernens ein leicht verwirrendes Thema. 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 Attribute analysieren es:

Ein schwerwiegender Fehler von XML besteht jedoch darin, dass es nicht für domänenübergreifende Aiax-Aufrufe verwendet werden kann, was bedeutet, dass die XML-Daten jedes Ajax-Aufrufs ausgeführt und ausgeführt werden müssen Das Skript befindet sich innerhalb desselben Domänennamens, andernfalls schlägt die Anfrage fehl.

<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>

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

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

Verwendung von JavaScript zur Datenspeicherung, Schritt für Schritt...Variablen

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

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

.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 obige Code hat nur eine Ebene, kann aber 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

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为基础的网络程序开发环境中，使用何种后端语言进行开发，数据格式都无需改变。

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：

Ajax如何读取txt并对其内容进行分页展示

pushState+Ajax实现无刷新的页面切换

Das obige ist der detaillierte Inhalt vonInteraktiver Ajax- und JSON-Datenspeicher. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!