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

MySQL 8.0.13 Installations- und Konfigurations-Tutorial unter CentOS7.3

1. Grundlegende Umgebung 1. Betriebssystem: CentO...

Einfaches Webdesign-Konzept – Farbabstimmung

(I) Grundkonzepte der Farbabstimmung auf Webseiten...

Zusammenfassung der Shell-Methode zum Bestimmen, ob eine Variable leer ist

So ermitteln Sie, ob eine Variable in der Shell l...

Verwendung des Linux-Befehls bzip2

1. Befehlseinführung bzip2 wird zum Komprimieren ...

Drei nützliche Codes, damit sich Besucher an Ihre Website erinnern

Drei nützliche Codes, die Besuchern dabei helfen,...

7 native JS-Fehlertypen, die Sie kennen sollten

Inhaltsverzeichnis Überblick 1. Bereichsfehler 2....

So verwenden Sie dl(dt,dd), ul(li), ol(li) in HTML

HTML <dl> Tag #Definition und Verwendung Da...

64-Bit-CentOs7-Quellcodeinstallation MySQL-5.6.35 Prozessfreigabe

Installieren Sie zuerst die abhängigen Pakete, um...