引用错误:未定义 CSV

Question

我正在使用jquery.csv-0.71.min.js库加载csv文件并将其转换为数组。但是，在加载我的网页时：

<script src="assets/lib/jquery/dist/jquery.min.js"></script>
<script src="assets/lib/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- Jquery-csv -->
<script src="assets/js/jquery.csv-0.71.min.js"></script>
<script>
(function() {
            var data; 
            var url = 'data/data.csv';
            function makeRequest(url) {
                var xhr = new XMLHttpRequest();
                xhr.open('GET', url);
                xhr.onload = function() {
                    if (xhr.readyState === 4 && xhr.status === 200) {/*run code*/}
                };
                xhr.send(null);
            }
        })();
        data = CSV.toArrays(xhr.responseText);
        console.log(data);
</script>

我进入控制台：

ReferenceError: CSV is not defined at 'data = CSV.toArrays(xhr.responseText);'

有什么建议我做错了什么吗？

感谢您的回复！

更新

我将代码放入文档读取功能中，但是，我仍然遇到与上述相同的错误。

$(document).ready(function() {
    (function() {
        var data;
        var url = 'data/data.csv';
        function makeRequest(url) {
            var xhr = new XMLHttpRequest();
            xhr.open('GET', url);
            xhr.onload = function() {
                if (xhr.readyState === 4 && xhr.status === 200) {/*run code*/
                }
            };
            xhr.send(null);
        }
    })();
    data = CSV.toArrays(xhr.responseText);
    console.log(data);
});

Answer 1

在浏览器加载CSV脚本之前执行代码。用 JavaScript 代码包装

$( document ).ready(function() {
  // PUT YOUR JavaScript CODE HERE
});

这将使浏览器等待，直到加载所有脚本，然后才执行代码。

你可以在这里查看jquery csv的文档。它说你应该调用这样的方法：

$.csv.toArrays(csv);