404使用D3 Framework尝试访问JSON文件时出错

时间:2014-01-09 00:19:13

标签: javascript json web d3.js http-status-code-404

嗨,所以我正在学习D3框架,但不管我做什么,我似乎无法加载我的Json文件。我正在服务器上运行该脚本,JSON文件与运行它的html / d3文件位于同一目录中,但是当我查看控制台时,它一直给我404错误。

所以我在www.mywebsite.com上运行它,然后我将Json文件存储在www.mywebsite.com/mydata.json中 任何人都可以帮助我吗?

<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> 
</head>
<body>
    <script type="text/javascript">

    d3.json("mydata.json", 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 *10;})
                .attr("height", 50)
                .attr("y", function(d ,i){ return i* 50; })
                .attr("fill", "blue");
    });

    </script>

2 个答案:

答案 0 :(得分:4)

查看thisthis陷阱。如果您在此之后成功访问了json,请告诉我们。

答案 1 :(得分:1)

你们不需要改变任何格式。只需要更改Server中的一些设置。我正在使用IIS服务器,所以我测试了我的文件,并为JSON文件得到了相同的404错误,我做了以下更改,它就像一个魅力。您只需按照此操作如果您使用的是IIS服务器......

步骤1:打开IIS服务器并转到MIME类型

enter image description here

步骤2:单击右侧的添加并添加JSON扩展并重新启动服务器

enter image description here