使用JavaScript从CSV文件读取数据并使用它

时间:2015-07-31 13:11:04

标签: javascript html html5 file csv

我需要使用JS分析数据,并将其显示在HTML页面上。 数据源是CSV文件,因此我使用以下代码来提取数据:

        var data;

        $(document).ready(function(){
        $("#csv-file").change(handleFileSelect);
        });

        function handleFileSelect(evt) {
            var file = evt.target.files[0];

            Papa.parse(file, {
                header: true,
                dynamicTyping: true,
                complete: function(results) {
                data = results;
                }
            }); 
        }

当我在Chrome中按F12时 - 在" data = results"后面的行上有断点,我可以看到"数据"是一个包含50个对象的数组 - 每个对象都以一个键值格式包含CSV中的整行,其中"键"是文件的标题和"值"是内容。

问题在于我无法访问数据。例如,我试着写:

var x = document.getElementById("one"); x.innerHTML=data[1].Date;

但第二行有错误...... 那么 - 有没有人可以帮助我如何访问"数据"变量? 我需要在哪部分代码中插入试图获取数据的行?

0 个答案:

没有答案