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

jQuery implementiert einen einfachen Kommentarbereich

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

So füllen Sie Elemente in Spalten im CSS-Rasterlayout

Angenommen, wir haben n Elemente und müssen diese...

JavaScript-Flusskontrolle (Schleife)

Inhaltsverzeichnis 1. for-Schleife 2. Doppelte fo...

Implementierungscode von Nginx Anti-Hotlink und Optimierung in Linux

Versionsnummer verbergen Die Versionsnummer wird ...

Einstellungen für den Ubuntu-Boot-Autostart-Dienst

So erstellen Sie einen Dienst und starten ihn aut...

Analyse gängiger Anwendungsbeispiele von MySQL-Prozessfunktionen

Dieser Artikel veranschaulicht anhand von Beispie...

Docker ermöglicht mehrere Port-Mapping-Befehle

wie folgt: docker run -d -p 5000:23 -p 5001:22 --...

Auf den Alibaba Cloud Server Tomcat kann nicht zugegriffen werden

Inhaltsverzeichnis 1. Einleitung 2. Lösung 2.1 Ko...

Detaillierte Erläuterung des Vue-Router-Routings

Inhaltsverzeichnis 1. Grundlegende Verwendung 2. ...