安全问题在家里复制d3.js的例子

Question

安全问题在家里复制d3.js的例子

joh*_*ual 2 shapefile map-projections d3.js

我试图从github gist(美国地图)重现这个例子https://gist.github.com/4431123我复制到我的主目录所需的文件" us.json ".

此网站上已经出现了类似的问题.

<!-- language: lang-html -->
<!DOCTYPE html>
<meta charset="utf-8">
<style>

path {
  fill: none;
  stroke: steelblue;
}

</style>
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="http://d3js.org/topojson.v0.min.js"></script>
<script>

var width = 960,
    height = 500;

var path = d3.geo.path();

var svg = d3.select("body").append("svg")
    .attr("width", width)
    .attr("height", height);
d3.json("us.json", function(error, us) {
  svg.append("path")
      .attr("d", topojson.object(us, us.objects.counties).geometries.map(function(d) {
        var bounds = path.bounds(d);
        return "M" + bounds[0]
            + "H" + bounds[1][0]
            + "V" + bounds[1][3]
            + "H" + bounds[0][0]
            + "Z";
      }).join(""));
});

</script>

Run Code Online (Sandbox Code Playgroud)

以下是我收到的错误消息:

XMLHttpRequest无法加载file:/// C:/Users/work/Documents/d3js/us.json.仅支持HTTP的跨源请求.

所以我尝试使用网络.

XMLHttpRequest无法加载https://gist.github.com/raw/4090846/b8c888f35c42400a080ab03c31a7649e0b9bc9a8/us.json.Access-Control-Allow-Origin不允许使用null.

搜索在StackOverflow上给了我这个问题,表明这是Chrome试图让我自己保存.

Answer 1

sel*_*pou 5

您正在运行相同的源策略,该策略仅允许使用相同的协议将来自页面的AJAX调用发送到同一主机和端口.要解决此问题,您可以使用Python在您正在使用的目录中运行Web服务器:

$ python -m SimpleHTTPServer 8080

Run Code Online (Sandbox Code Playgroud)

您现在可以http://localhost:8080在Web浏览器中访问您的页面,现在可以使用AJAX调用.

归档时间：	12 年，11 月前
查看次数：	1374 次
最近记录：	12 年，11 月前