我有一段客户端JavaScript代码，希望从本地csv文件中读取内容。在HTML代码中，我使用脚本标签导入另一个文件夹中的JavaScript文件。
该JavaScript文件的内容：
$.ajax({
type: "GET",
url: "./../../data/English.csv",
dataType: "text",
success: function(data) {
alert("worked");
},
error: function (request, status, error) {
alert(request.responseText);
}
});
CSV文件的路径是相对于HTML文件的。然而，错误函数已被触发。有没有解决方法？
谢谢。
我发现了几个可以直接解析本地（客户端）CSV文件的jQuery插件：
<input type='file' id='choose' />
Javascript（在加载jQuery和html5csv库之后）
CSV.begin('#choose').....go();
当 ..... 不是字面意义上的 .....，而是一串其他html5csv.js库调用的字符串（请参见入门页面和维基），用于访问和操作返回的数据。该语句定义了一个异步工作流程，从获取数据开始，然后进行每个调用，并将go()链接以指示启动工作流程。
假设您已经编写了一个
function show(rows)
在您的代码中，用于对CSV数据执行某些操作并显示它，其中预期rows是表示读取CSV文件后行的数组的数组。
您的html5csv.js库调用（使用上述HTML文件选择元素）可能如下：
CSV.begin('#choose')
.go(function(e,D){
if(e) return console.log(e);
show(D.rows);
});
可用的库功能包括制作表格、编辑、通过与 jqPlot 集成进行绘图、调用用户定义的函数、线性拟合和 PCA。
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" type="text/javascript"></script>
</head>
<body>
test this
</body>
<script>
$.ajax({
type: "GET",
url: "English.csv",
dataType: "text",
success: function(data) {
alert("worked");
},
error: function (request, status, error) {
alert(request.responseText);
}
});
</script>
我在控制台看到以下错误：
XMLHttpRequest无法加载file:///C:/temp/local/English.csv。请求的资源上没有'Access-Control-Allow-Origin'头。因此，源'null'不允许访问。
请参见此答案以获取更多详细信息。
如果您只想在开发环境中使其工作，则可以尝试使用以下命令启动Chrome：
chrome.exe --allow-file-access-from-files
另一种选择是尝试：
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" type="text/javascript"></script>
</head>
<body>
test this
</body>
<script>
$.ajaxPrefilter( 'script', function( options ) {
options.crossDomain = true;
});
$.ajax({
type: "GET",
url: "English.csv",
dataType: "script",
success: function(data) {
alert("worked");
},
error: function (request, status, error) {
alert(error);
}
});
</script>
启动一个测试服务器。
即使您正在本地进行测试，也需要这样做。如果您只是直接在浏览器中打开源文件，ajax 将无法工作。它需要一个服务器来反弹请求。