Javascript 基于Jquery、JS中解析的CSV文件，使用JSON数据填充表

我整天都在尝试动态填充一个表。应用程序的目的是加载一个CSV文件，并使用Papaparse（伟大的CSV到JSON框架）将其解析为JSON，然后使用DynaTable.js将此JSON数据填充到一个表中。我可能对自己的代码视而不见，如果您能为我提供一些帮助，我将不胜感激。：）

这是我到目前为止的代码（不要介意混乱，我将在主函数就位后清理它）

CSV解析器
var数据；
功能手柄文件选择（evt）{
var file=evt.target.files[0]；
parse（文件{
标题：对，
动态打字：对，
完成：功能（结果）{
数据=结果；
setItem（'datastaff'，JSON.stringify（data））；
}
});
}
$（文档）.ready（函数（）{
$（“#csv文件”）.change（handleFileSelect）；
});
CSV解析器

加载CSV文件
电话号码
电子邮件地址
绑定结束日期
终端供应商
比尔巴终点站
$.getJSON（'datastaff'，函数（响应）{
$（“#我的桌子”）.dynatable({
数据集：{
记录：答复
},
});
});

您是否尝试将数据填充代码放置在

Papa.parse

的

complete

回调中？像这样：

Papa.parse(file, {
    header: true,
    dynamicTyping: true,
    complete: function (results) {
        data = results;
        localStorage.setItem('dataStuff', JSON.stringify(data));

        $('#my-table').dynatable({
            dataset: {
                records: results
            }
        });
    }
});

---

从外观上看，我认为您的$.getJSON是在加载页面时执行的，而不是在选择并解析实际文件时执行的。是的，我认为您应该将$.getJSON绑定到handleFileSelect中完成回调。我也这么认为，但Dynatable.js必须在-tag之后调用，对吗？这可能是一个愚蠢的问题，但在运行handleFileSelect函数后，如何将数据推送到表中？你有一个例子吗@你是说标签的位置？您可以使用jquery推送数据，方法是附加如下内容，例如：$（“#我的表tbody”）.append（'Somestuff@JuusoPalander谢谢，我会试试的：）

Papa.parse(file, {
    header: true,
    dynamicTyping: true,
    complete: function (results) {
        data = results;
        localStorage.setItem('dataStuff', JSON.stringify(data));

        $('#my-table').dynatable({
            dataset: {
                records: results
            }
        });
    }
});