Wie kann man Daten von einer CSV-Datei auf HTML-Seite lesen und anzeigen?

Ich bin neu in HTML-Codierung. Ich möchte meine CSV-Datei Daten zu einer Webseite lesen und anzeigen. Daten in jeder Zeile der CSV-Datei müssen in einer separaten Zeile auf der Webseite angezeigt werden. Mein aktueller Code zeigt nichts an und ich habe keine Ahnung, warum es nicht richtig funktioniert. Bitte helfen Sie mir in dieser Hinsicht. Mein Code ist unten:Wie kann man Daten von einer CSV-Datei auf HTML-Seite lesen und anzeigen?

<!DOCTYPE html> 
<html> 
<script type="text/javascript"> 
    var allText =[]; 
    var allTextLines = []; 
    var Lines = []; 

    var txtFile = new XMLHttpRequest(); 
    txtFile.open("GET", "D:\PycharmProjects\filename.csv", true); 
    txtFile.onreadystatechange = function() 
    { 
     allText = txtFile.responseText; 
     allTextLines = allText.split(/\r\n|\n/); 
    }; 

    document.write(allTextLines);<br> 
    document.write(allText);<br> 
    document.write(txtFile);<br> 
</script>

Quelle

2017-01-13 ddop

Sie über die allTextLines Array laufen kann, sobald das Dokument

geladen wird

var txtFile = new XMLHttpRequest(); 
txtFile.onload = function() { 
    allText = txtFile.responseText; 
    allTextLines = allText.split(/\r\n|\n/); 

    for(var i = 0; i < allTextLines.length; i++) { 
     document.body.innerHTML += allTextLines[i]; 
     document.body.innerHTML += '<br/>'; 
    } 
} 

txtFile.open("get", "filename.csv", true); 
txtFile.send();

wo filename.csv sollte statische Ressourcen

Quelle

2017-01-13 15:13:22

Können Sie bitte erläutern, was meinst du mit Server statische Ressource? – ddop

Hier werden Ihre statischen Ressourcen (wie Javascript/CSS/Bilddateien) bereitgestellt –

In welchen Ordner sollte ich meine CSV-Datei platzieren? – ddop

Sie können in Ihrem Server gestellt werden Verwenden Sie folgendes Javascript zum Lesen und Anzeigen von Daten aus der CSV-Datei

<script type="text/javascript"> 
$.get('/file-path/demo.csv', function(data) { 
var build = '<table border="1" cellpadding="2" cellspacing="0" style="border-collapse: collapse" width="100%">\n'; 
var head = data.split("\n"); 
for(var i=0;i<1;i++){ 
build += "<tr><th>" + head[i] + "</th></tr>"; 
for(var i=1;i<head.length;i++){ 
build += "<tr><td>" + head[i].split("\n") + "</td></tr>"; 
} 
} 
build += "</table>"; 
$('#wrap').append(build); 
}); 
</script>

Quelle

2017-06-22 12:01:09 sachin

) Während dieser Code die Frage beantworten kann, würde die Bereitstellung eines zusätzlichen Kontextes, wie und/oder warum er das Problem löst, den langfristigen Wert der Antwort verbessern. Bitte lesen Sie [how-to-answer] (http: //stackoverflow.com/help/how-to-answer) für eine qualitativ hochwertige Antwort. – thewaywewere

Wie kann man Daten von einer CSV-Datei auf HTML-Seite lesen und anzeigen?

Antwort

Verwandte Themen