javascript - 以 HTML 格式显示 CSV 文件

Question

我正在尝试将带有标题的本地 CSV 文件导入本地 HTML 文件，然后该文件将在浏览器中显示为表格。

我学习 HTML 和 JavaScript 的时间不长，所以我对导入和转换了解不多。我需要的是一些建议，或者可能是一个描述我需要的函数类型的基本脚本。欢迎解释和建议!

这是一个 csv 文件的例子:

    heading1,heading2,heading3,heading4,heading5
    value1_1,value1_2,value1_3,value1_4,value1_5
    value2_1,value2_2,value2_3,value2_4,value2_5
    value3_1,value3_2,value3_3,value3_4,value3_5
    value4_1,value4_2,value4_3,value4_4,value4_5
    value5_1,value5_2,value5_3,value5_4,value5_5

这就是我想要的显示方式:

http://jsfiddle.net/yekdkdLm

Answer 1

<div id="CSVTable"></div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//jquerycsvtotable.googlecode.com/files/jquery.csvToTable.js"></script>

<script>
$(function() {
  $('#CSVTable').CSVToTable('your_csv.csv');
});
</script>

您可以使用 jquery.csvToTable.js 在 html 中显示 csv 文件