Javascript 将CSV添加到ASP.NET Web应用程序
我正在尝试使用Visual Studio 2013和csv文件创建一个基本的d3.js图表。 这是我第一次使用VisualStudio，无法理解数据绑定没有发生的原因。在运行以下代码之后，我没有得到任何结果。我相信这是因为csv或json文件应该在同一个文件夹中。但即使在那之后，我也没有得到想要的结果 HTML代码 请在“我的解决方案资源管理器”的屏幕截图下方找到 还有mydata.csv 姓名、年龄 玛丽亚，30岁 弗雷德，50岁 弗朗西斯，12岁 错误 无法加载XMLHttpRequestfile:///C:/xampp/htdocs/mydata.csv. 跨源请求仅支持协议方案：http、数据、chrome扩展、https、chrome扩展资源 未捕获的TypeError:无法读取null的属性“length”Javascript 将CSV添加到ASP.NET Web应用程序,javascript,c#,asp.net,csv,d3.js,Javascript,C#,Asp.net,Csv,D3.js,我正在尝试使用Visual Studio 2013和csv文件创建一个基本的d3.js图表。 这是我第一次使用VisualStudio，无法理解数据绑定没有发生的原因。在运行以下代码之后，我没有得到任何结果。我相信这是因为csv或json文件应该在同一个文件夹中。但即使在那之后，我也没有得到想要的结果 HTML代码 请在“我的解决方案资源管理器”的屏幕截图下方找到 还有mydata.csv 姓名、年龄 玛丽亚，30岁 弗雷德，50岁 弗朗西斯，12岁 错误 无法加载XMLHttpRequestf
未捕获的NetworkError:未能对“XMLHttpRequest”执行“发送”：加载失败file:///C:/xampp/htdocs/mydata.csv“。您正试图通过JavaScript加载本地文件mydata.csv，出于安全原因，大多数现代浏览器都限制了该文件。要使脚本正常工作，需要通过web服务器加载页面。您可以将文件上载到远程服务器，也可以在本地计算机上托管一个文件进行开发。打开JavaScript调试器，查看是否出现404错误。@jwize JavaScript调试器没有问题，因为所有相关的js文件都已成功加载。@jwize正在谈论开发人员工具。d3试图下拉csv文件时是否存在404错误。使用这些工具查看它试图从何处访问它。你很快就能判断出什么地方出了问题。这是微不足道的调试技巧…@themuffindman谢谢你的提示，我得到以下错误。无法加载XMLHttpRequestfile:///C:/xampp/htdocs/mydata.csv. 跨源请求仅支持协议方案：http、数据、chrome扩展、https、chrome扩展资源。未捕获类型错误：无法读取null未捕获NetworkerError的属性“length”：未能在“XMLHttpRequest”上执行“send”：加载失败file:///C:/xampp/htdocs/mydata.csv’终于奏效了。你们谁能写一个答案，这样我就可以结束这个问题了。再次感谢您抽出时间。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> D3 Tutorial</title>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script type="text/javascript" src="https://rawgithub.com/NickQiZhu/dc.js/master/web/js/crossfilter.js"></script>
<meta http-equiv="content-type" content="text/html; charset=UTF8">
</head>
<body>
<script>
d3.csv("mydata.csv", function(data) {
var canvas = d3.select("body")
.append("svg")
.attr("width", 500)
.attr("height",500)
canvas.selectAll("rect")
.data(data)
.enter()
.append("rect")
.attr("width", function(d) { return d.age * 50;})
.attr("height" , 50)
.attr("y", function (d , i) { return i * 50 })
.attr("fill", "blue")
</script>
</body>
</html>