Beispielcode für die HTML-Formatierung von JSON
|
Ohne weitere Umschweife werde ich den Code direkt für Sie posten. Der spezifische Code lautet wie folgt:
<!DOCTYPE html>
<html>
<Kopf>
<meta charset="utf-8">
<title>JS Bin</title>
<link rel="stylesheet" href="https://rawgithub.com/yesmeck/jquery-jsonview/master/dist/jquery.jsonview.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript" src="https://rawgithub.com/yesmeck/jquery-jsonview/master/dist/jquery.jsonview.js"></script>
<Skripttyp="text/javascript">
var json = {"hey": "Typ", "eine Nummer": 243,"anobject": {"whoa": "verrückt", "anarray": [1,2,"drei<h1>ee"],"anotherarray": [1, 2], "mehr": "Zeug"},"super": wahr,"falsch": falsch,"Bedeutung": null, "japanisch": "明日がある。", "link": "http://jsonview.com", "nichtLink": "http://jsonview.com ist großartig"};
$(Funktion() {
$('#json').JSONView(json);
$('#collapse-btn').on('klicken', function() {
$('#json').JSONView('zusammenklappen');
});
$('#expand-btn').on('klicken', function() {
$('#json').JSONView('erweitern');
});
$('#toggle-btn').on('klicken', function() {
$('#json').JSONView('umschalten');
});
$('#toggle-level1-btn').on('klicken', function() {
$('#json').JSONView('umschalten', 1);
});
$('#toggle-level2-btn').on('klicken', function() {
$('#json').JSONView('umschalten', 2);
});
});
</Skript>
</Kopf>
<Text>
<br/>
<button id="collapse-btn">Zusammenklappen</button>
<button id="expand-btn">Erweitern</button>
<button id="toggle-btn">Umschalten</button>
<button id="toggle-level1-btn">Ebene 1 umschalten</button>
<button id="toggle-level2-btn">Ebene 2 umschalten</button> <div id="json"></div>
</body>
</html>Wie in der Demo gezeigt, wird das formatierte JSON angezeigt Oben sehen Sie den vom Herausgeber eingeführten Beispielcode für HTML-formatiertes JSON. Ich hoffe, er ist für alle hilfreich. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Herausgeber wird Ihnen rechtzeitig antworten. Ich möchte auch allen für ihre Unterstützung der Website 123WORDPRESS.COM danken! |
<<: Aktivieren oder Deaktivieren des GTID-Modus in MySQL online
Artikel empfehlen
Objektorientierte JavaScript-Implementierung eines Lupengehäuses
In diesem Artikel wird der spezifische Code der o...
Tutorial zur Installation der PyTorch-Entwicklungsumgebung unter Windows
Anaconda-Installation Anaconda ist ein Softwarepa...
So fragen Sie Datum und Uhrzeit in MySQL ab
Vorwort: Bei der Projektentwicklung werden in ein...
mysql8.0.20 herunterladen und installieren und aufgetretene Probleme (Abbildung und Text)
1. Suchen Sie im Browser nach MySQL, um es herunt...
JavaScript implementiert Feuerwerkseffekte mit Soundeffekten
Ich habe eine halbe Stunde gebraucht, um den Code...
html-Seite!--[if IE]...![endif]--Detaillierte Einführung in die Verwendung
Code kopieren Der Code lautet wie folgt: <!--[...
Zusammenfassung einiger verwandter Vorgänge geplanter Linux-Aufgaben
Ich habe verschiedene große Websites durchsucht u...
Warum wird in MySQL keine UTF-8-Kodierung verwendet?
MySQL UTF-8-Kodierung MySQL unterstützt UTF-8 sei...
Pycharm2017 realisiert die Verbindung zwischen Python3.6 und MySQL
In diesem Artikel erfahren Sie, wie Sie Python3.6...
Einige Vorschläge zur Verbesserung der Nginx-Leistung
Wenn Ihre Webanwendung nur auf einer Maschine läu...
Eine erfahrene Person zeigt Ihnen, wie Sie ein professionelles und standardisiertes MySQL-Startskript entwickeln
Jeder qualifizierte Linux-Betriebs- und Wartungsm...
MySQL-Lernhinweise: Daten-Engine
Sehen Sie sich die von der aktuellen Datenbank un...
Beispielcode für die Javascript-Operation „Alles auswählen/Alles abwählen“ in HTML
Code kopieren Der Code lautet wie folgt: <html...
Fortgeschrittene Techniken zur Verwendung von CSS (im tatsächlichen Kampf verwendet)
1. Das ul-Tag hat in Mozilla standardmäßig einen F...
Die Eltern-Kind-Knoten-Zuordnung des El-Tree-Mehrfachauswahlbaums (Kontrollkästchen) des Elements ist nicht zugeordnet
Streng geprüfte Attribute Das offizielle Dokument...