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

Universelle Lösung für den Fehler beim Starten von MySQL unter Windows

MySQL-Startfehler Vor der Installation von MySQL ...

Das Prinzip und die Anwendung der ES6-Dekonstruktionszuweisung

Inhaltsverzeichnis Array-Destrukturierungszuweisu...

Implementierung der Graustufenversion mit Nginx und Lua

Installieren Sie memcached yum install -y memcach...

Dieser Artikel zeigt Ihnen, was Vite mit der Anfrage des Browsers macht

Inhaltsverzeichnis Funktionsprinzip: Was macht de...

Zusammenfassung der MySQL-Abfragesyntax

Vorwort: In diesem Artikel wird hauptsächlich die...

Vue/React-Einzelseitenanwendung zurück ohne Aktualisierungslösung

Inhaltsverzeichnis Einführung Warum die Mühe? Com...

Was Sie über die automatische ID-Inkrementierung in MySQL wissen müssen

Einführung: Wenn wir MySQL zum Erstellen einer Ta...

Vue implementiert einen visuellen Drag-Page-Editor

Inhaltsverzeichnis Drag & Drop-Implementierun...

Das WeChat-Applet implementiert den Wasserfallfluss, Paging, Scrollen und Laden

In diesem Artikel wird der spezifische Code für d...

Sechs Vererbungsmethoden in JS und ihre Vor- und Nachteile

Inhaltsverzeichnis Vorwort Vererbung von Prototyp...