Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/423.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript CSV到html表_Javascript_Jquery_Papaparse - Fatal编程技术网

Javascript CSV到html表

Javascript CSV到html表,javascript,jquery,papaparse,Javascript,Jquery,Papaparse,在这种情况下,只会打开一个CSV文件。我想打开多个CSV文件并在HTML表中编辑它们。请帮忙 $(function() { Papa.parse("abc.csv", { download: true, complete: function(results) { console.log("Remote file parsed!", results.data); $.each(results.data, fun

在这种情况下,只会打开一个CSV文件。我想打开多个CSV文件并在HTML表中编辑它们。请帮忙

$(function() {
    Papa.parse("abc.csv", {
        download: true,
        complete: function(results) {
            console.log("Remote file parsed!", results.data);
            $.each(results.data, function(i, el) {
                var row = $("<tr/>");
                row.append($("<td/>").text(i));
                $.each(el, function(j, cell) {
                    if (cell !== "")
                        row.append($("<td/>").text(cell));
                });
                $("#results tbody").append(row);
            });
        }
    });
});     
$(函数(){
parse(“abc.csv”{
下载:对,
完成:功能(结果){
log(“已解析远程文件!”,results.data);
$.each(结果、数据、函数(i、el){
变量行=$(“”);
行。追加($(“”)。文本(i));
$。每个(el,函数(j,单元){
如果(单元格!==“”)
行。追加($(“”)。文本(单元格));
});
$(“#结果正文”)。追加(行);
});
}
});
});     

您必须执行一个循环,这里我们有一个csv文件数组:

var csv_array = ["abc.csv","def.csv","ghi.csv"];
    $(function() {
        $(csv_array).each(function(){
            Papa.parse(this.toString(), {
                download: true,
                complete: function(results) {
                    console.log("Remote file parsed!", results.data);
                    $.each(results.data, function(i, el) {
                        var row = $("<tr/>");
                        row.append($("<td/>").text(i));
                        $.each(el, function(j, cell) {
                            if (cell !== "")
                                row.append($("<td/>").text(cell));
                        });
                        $("#results tbody").append(row);
                    });
                }
            });

        })

    }); 
var csv_数组=[“abc.csv”、“def.csv”、“ghi.csv”];
$(函数(){
$(csv_数组)。每个(函数(){
parse(this.toString(){
下载:对,
完成:功能(结果){
log(“已解析远程文件!”,results.data);
$.each(结果、数据、函数(i、el){
变量行=$(“”);
行。追加($(“”)。文本(i));
$。每个(el,函数(j,单元){
如果(单元格!==“”)
行。追加($(“”)。文本(单元格));
});
$(“#结果正文”)。追加(行);
});
}
});
})
}); 

您想知道如何使用“for”循环吗?是的,在jquery中,此功能将在编辑单击时起作用。因此,每次编辑不同的csv时。。所以它是如何可能的我认为这是不可能的帮助我让你的代码完全工作。Tkst但它是在编辑时单击。。每次不同的编辑都会打开一个不同的csv,因此如何从不同的clickstry获取它们以使用
$(“#results tbody”).empty()
就在
$(function(){
)之后,如果我理解得很好,那么编辑器呢..这个页面将在html表格中打开,但我无法编辑。您能帮助编辑表格吗