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
In diesem Artikel wird der spezifische Code von j...
Angenommen, wir haben n Elemente und müssen diese...
[ Linux-Installation von Tomcat8 ] Tomcat deinsta...
Inhaltsverzeichnis 1. for-Schleife 2. Doppelte fo...
Sie können die Containerprotokolle über den Befeh...
1. Einleitung In letzter Zeit erlebe ich es oft, ...
Versionsnummer verbergen Die Versionsnummer wird ...
Als PHP7 herauskam, habe ich als Fan der neuesten...
Erlaube './' relative Pfade in docker-com...
So erstellen Sie einen Dienst und starten ihn aut...
Dieser Artikel veranschaulicht anhand von Beispie...
wie folgt: docker run -d -p 5000:23 -p 5001:22 --...
Inhaltsverzeichnis 1. Einleitung 2. Lösung 2.1 Ko...
Verwenden des Proxy-Cache von Nginx zum Erstellen...
Inhaltsverzeichnis 1. Grundlegende Verwendung 2. ...