Beispielcode zum Konvertieren von HTML-Tabellendaten in das JSON-Format

Beispielcode zum Konvertieren von HTML-Tabellendaten in das JSON-Format
Die Javascript-Funktion zum Konvertieren von <table>-Tabellendaten in das JSON-Format lautet wie folgt

Code kopieren
Der Code lautet wie folgt:

<Skript>
var keysArr = neues Array("Schlüssel0", "Schlüssel1", "Schlüssel2");
function TableToJson(tableid) { //tableid ist der Name der Tabelle, die Sie konvertieren möchten, ein String, wie z.B. "example"
var rows = document.getElementById(tableid).rows.length; //Anzahl der Zeilen abrufen (einschließlich Thead)
var colums = document.getElementById(tableid).rows[0].cells.length; //Anzahl der Spalten abrufen
var json = "[";
var tdWert;
für (var i = 1; i < Zeilen; i++) { //jede Zeile
json + = "{";
für (var j = 0; j < Spalten; j++) {
tdName = keysArr[j]; //Schlüssel der JSON-Daten
json += "\""; //Füge ein doppeltes Anführungszeichen hinzu
json += tdName;
json + = "\"";
json += ":";
tdValue = document.getElementById(tableid).rows[i].cells[j].innerHTML; //Der Wert der JSON-Daten
if (j === 1) {//Die erste Spalte ist im Datumsformat und muss gemäß den JSON-Anforderungen wie folgt hinzugefügt werden
tdValue = "\/Datum(" + tdValue + ")\/";
}
json + = "\"";
json += tdWert;
json + = "\"";
json += ",";
}
json = json.substring(0, json.length - 1);
json + = "}";
json += ",";
}
json = json.substring(0, json.length - 1);
json += "]";
gib JSON zurück;
}
</Skript>

<<:  Native Netzwerkanforderungsschema von Vue und Netzwerkanforderungsbibliothek von JS

>>:  Empfohlene Tipps für Web-Frontend-Ingenieure

Artikel empfehlen

5 Tipps zum Schreiben von CSS, um Ihren Stil standardisierter zu gestalten

1. CSS alphabetisch ordnen Nicht in alphabetischer...

Vue implementiert ein einfaches Einkaufswagenbeispiel

In diesem Artikel wird der spezifische Code von V...

Docker implementiert Container-Portbindung am lokalen Port

Heute bin ich auf ein kleines Problem gestoßen: N...

JavaScript-Grundlagen für Schleife und Array

Inhaltsverzeichnis Schleife - für Grundlegende Ve...

Teilen Sie 12 häufig verwendete Loader in Webpack (Zusammenfassung)

Inhaltsverzeichnis Vorwort Stillader CSS-Lader Sa...

So installieren Sie mehrere mysql5.7.19 (tar.gz)-Dateien unter Linux

Informationen zur ersten Installation der MySQL-5...

Eintauchen in die JS-Vererbung

Inhaltsverzeichnis Vorwort Vorbereiten Zusammenfa...

MySQL-Grundanweisungen zum Hinzufügen, Löschen, Ändern und Abfragen

Grammatik Hier ist die allgemeine SQL-Syntax für ...

CentOS7.5-Installationstutorial für MySQL

1. Überprüfen Sie zunächst, ob auf dem System MyS...

JavaScript zur Implementierung der Login-Schiebereglerüberprüfung

In diesem Artikelbeispiel wird der spezifische Ja...

JavaScript CSS3 zur Implementierung einer einfachen Video-Sperrfunktion

In diesem Artikel wird versucht, eine Demo zur Si...