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

So legen Sie Verknüpfungssymbole in Linux fest

Vorwort Durch das Erstellen von Verknüpfungen in ...

Detaillierte Erklärung und Erweiterung von ref und reactive in Vue3

Inhaltsverzeichnis 1. Ref und reaktiv 1. reaktiv ...

Beispiel für die Verwendung von Docker zum Erstellen eines ELK-Protokollsystems

Die folgenden Installationen verwenden alle das V...

So rufen Sie einen Hyperlink auf und öffnen ihn

<br />Die unzähligen Informationen im Intern...

MySql-Freigabe der Nullfunktionsnutzung

Funktionen zu Null in MySql IFNULL ISNULL NULLIF ...

Beispiel für die Konfiguration von Nginx im CentOS-Server

Laden Sie das sichere Terminal MobaXterm_Personal...

Vue-Beispielcode zur einfachen Implementierung von virtuellem Scrollen

Inhaltsverzeichnis Vorwort Rollprinzip erreichen ...

Detaillierte Erklärung der Lösung für das Nginx-Panikproblem

In Bezug auf das Nginx-Panikproblem müssen wir zu...

Detaillierte Erläuterung der MySQL-Existes- und Not-Existes-Beispiele

Detaillierte Erläuterung der MySQL-Existes- und N...

JS ES: Neue Funktion zur variablen Entkopplungszuweisung

Inhaltsverzeichnis 1. Entkoppelte Zuweisung von A...

Vor- und Nachteile von React Hooks

Inhaltsverzeichnis Vorwort Vorteil: Mangel: 1. Re...

Vue-Element el-transfer fügt Drag-Funktion hinzu

Das Core Asset Management Project erfordert, dass...