Javascript 如何从csv文件到html网页读取和显示数据？_Javascript_Html

Javascript 如何从csv文件到html网页读取和显示数据？

javascript html

Javascript 如何从csv文件到html网页读取和显示数据？,javascript,html,Javascript,Html,我不熟悉html编码。我想在网页上读取并显示我的csv文件数据。csv文件每行中的数据必须显示在网页上的单独一行中。我当前的代码没有显示任何内容，我也不知道它为什么不能正常工作。请在这方面帮助我。我的代码如下： <!DOCTYPE html> <html> <script type="text/javascript"> var allText =[]; var allTextLines = []; var Lines =

我不熟悉html编码。我想在网页上读取并显示我的csv文件数据。csv文件每行中的数据必须显示在网页上的单独一行中。我当前的代码没有显示任何内容，我也不知道它为什么不能正常工作。请在这方面帮助我。我的代码如下：

    <!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>


var-allText=[]；
var allTextLines=[]；
var行=[]；
var txtFile=new XMLHttpRequest（）；
打开（“GET”，“D:\PycharmProjects\filename.csv”，true）；
txtFile.onreadystatechange=函数（）
{
allText=txtFile.responseText；
allTextLines=allText.split（/\r\n |\n/）；
};
文件。写入（所有文本行）

文件。编写（所有文本）

文件写入（txtFile）

您可以在加载文档后立即迭代

所有文本行

数组

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();

var txtFile=new XMLHttpRequest（）；
txtFile.onload=函数（）{
allText=txtFile.responseText；
allTextLines=allText.split（/\r\n |\n/）；
对于（变量i=0；i


其中filename.csv
应该放在您的服务器静态资源中
您可以使用以下javascript从csv文件读取和显示数据
<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>


$.get（'/file path/demo.csv'，函数（数据）{
var build='\n'；
var head=数据分割（“\n”）；
对于（var i=0；我能请您详细说明服务器静态资源是什么意思吗？这是您的静态资源（如javascript/css/图像文件）被服务的地方。我应该将我的csv文件放在哪个文件夹中？我不熟悉javascript和css：（非常感谢您的帮助。您使用的是哪台服务器？虽然此代码可以回答问题，但提供有关如何和/或为什么解决问题的其他上下文将提高答案的长期价值。请阅读此代码以提供高质量的答案。