js数据从csv转换为特定格式，加载csv时出错

Question

我有一个 csv 文件：

title,number1,number2
M,12,22
T,17,27
W,7,17
T,17,27
F,23,33

我想在我的 js 文件中以这种格式编写一些东西，因为程序的其余部分使用这种格式的数据。 修改所有代码会很困难。 我更喜欢使用 csv 转换。

dataDailySalesChart = {
        labels: ['M', 'T', 'W', 'T', 'F'],
        series: [
            [12, 17, 7, 17, 23],
            [22, 27, 17, 27, 33]
        ]
    };

我试过这段代码，但没有用：

$(document).ready(function() {
        $.ajax({
            type: "GET",
            url: "test.csv",
            dataType: "text",
            success: function(data) {processData(data);}
        });
    });

    function processData(allText) {

        var allTextLines = allText.split(/\r\n|\n/);
        var headers = allTextLines[0].split(',');
        var serie1 = allTextLines[1].split(',');
        var serie2 = allTextLines[2].split(',');
        var seriesTest = [serie1,serie2];

        dataDailySalesChart = {
            labels: headers,
            series: seriesTest
        };

    }

但我有错误：

jquery-3.1.0.min.js:4 XMLHttpRequest cannot load file: test.csv. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https

你知道我为什么会收到这个错误吗？

Answer 1

$.ajax({
    type: "GET",
    // This is causing the error: test.csv is not a valid url
    url: "test.csv",
    dataType: "text",
    success: function(data) {processData(data);}
});

您尝试从哪里加载 csv 文件？ test.csv 不是 ajax 请求的有效 url。 您应该使用/path/to/test.csv从加载页面的同一域请求它，或者使用 sth 从不同的域请求它。 像https://somedomain.com/path/to/test.csv