gpt4 book ai didi

javascript - 如何读取csv文件中的数据并将其显示到html网页?

转载 作者:行者123 更新时间:2023-12-03 05:15:11 41 4
gpt4 key购买 nike

我是 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>

最佳答案

您可以使用以下 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>

关于javascript - 如何读取csv文件中的数据并将其显示到html网页?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41637226/

41 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com