Javascript ReferenceError:未定义CSV
我正在使用Javascript ReferenceError:未定义CSV,javascript,jquery,csv,jquery-csv,Javascript,Jquery,Csv,Jquery Csv,我正在使用jquery.csv-0.71.min.jslib加载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
jquery.csv-0.71.min.js
lib加载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>
有什么建议我做错了什么
谢谢你的回复
更新
我将我的代码放入documentread函数中,但是仍然会得到与上面相同的错误
$(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);
});
您的代码在浏览器加载
CSV
脚本之前执行。
将JavaScript代码包装为
$( document ).ready(function() {
// PUT YOUR JavaScript CODE HERE
});
这将使浏览器等待,直到您的所有脚本加载完毕,然后才执行代码
您可以查看jquery csv的文档。它说您应该调用如下方法:
$.csv.toArrays(csv);
阅读此文:我以前使用过此库,但对于处理简单的CSV,只需自己解析它就更容易了。顺便说一句,在您的示例中,CSV.toArray()应该是xhr.onload格式,它将在读取XML之前执行。Thx是您的答案!我试图将我的代码放入
.ready(function()…
中,但仍然得到与以前相同的错误。请查看我的更新!我想,该变量当时不称为CSV。请尝试将其替换为$.CSV
$.csv.toArrays(csv);