Javascript 从CSV文件导入数据_Javascript_Html_Getorgchart

Javascript 从CSV文件导入数据

javascript html

Javascript 从CSV文件导入数据,javascript,html,getorgchart,Javascript,Html,Getorgchart,我正在尝试使用init-from-csv.html（从演示文件）导入*.csv。我下载了GetOrgChart zip文件，并将链接更改为实际的.js和.css文件这是我的代码： <!DOCTYPE html> <html> <head> <title>OrgChart | Initialize From XML</title> <meta name="viewport" content="width=devi

我正在尝试使用init-from-csv.html（从演示文件）导入*.csv。我下载了GetOrgChart zip文件，并将链接更改为实际的.js和.css文件

这是我的代码：

<!DOCTYPE html> <html> <head>
    <title>OrgChart | Initialize From XML</title>

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <script src="D:/Tools/GetOrgChart/getorgchart/getorgchart.js"></script>
    <link href="D:/Tools/GetOrgChart/getorgchart/getorgchart.css" rel="stylesheet" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>



    <style type="text/css">
        html, body {
            margin: 0px;
            padding: 0px;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

        #people {
            width: 100%;
            height: 100%;
        }
    </style> </head> <body>
    <div id="people"></div>
    <script type="text/javascript">

        function convertToCsvJson(allText) {
            var allTextLines = allText.split(/\r\n|\n/);
            var headers = allTextLines[0].split(',');
            var lines = [];

            for (var i = 1; i < allTextLines.length; i++) {
                var data = allTextLines[i].split(',');
                if (data.length == headers.length) {

                    var tarr = {};
                    for (var j = 0; j < headers.length; j++) {
                        tarr[headers[j]] = data[j];
                    }
                    lines.push(tarr);
                }
            }

            return lines;
        }

        $.get("D:/Tools/GetOrgChart/ORG_Data.txt", function (source) {

            source = convertToCsvJson(source);

            var peopleElement = document.getElementById("people");
            var orgChart = new getOrgChart(peopleElement, {
                theme: "helen",
                primaryFields: ["name", "Job Title"],
                photoFields: ["Photo"],
                linkType: "M",
                enableEdit: false,
                enableDetailsView: false,
                dataSource: source
            });
        });
    </script> </body> </html>


OrgChart |从XML初始化
html，正文{
边际：0px；
填充：0px；
宽度：100%；
身高：100%；
溢出：隐藏；
}
#人{
宽度：100%；
身高：100%；
}
函数convertToCsvJson（allText）{
var allTextLines=allText.split（/\r\n |\n/）；
var headers=allTextLines[0]。拆分（'，'）；
var行=[]；
对于（变量i=1；i


打开HTML文件后，它将不会加载。我不确定我做错了什么。
您是用浏览器打开文件的吗？如果您这样做了，您可以按f12键进入控制台，在那里您可以看到故障信息。但我认为问题在于浏览器不允许使用本地文件。（安全性）所以你可以解决这个问题，但服务器上的文件…我在Chrome中启用了访问本地文件的权限，但仍然显示了相同的错误<代码>jquery.min.js:4无法加载file:///D:/Tools/GetOrgChart/ORG_Data.txt: 跨源请求仅支持协议方案：http、数据、chrome、chrome扩展、https。