getJSON在服务器上不起作用，但在本地起作用

Question

我使用jQuery进行级联复选框，但getJSON命令在服务器上不起作用（在本地工作正常）。 它找不到data.json文件（请参阅错误调试）。

脚本的一部分：

<script type="text/javascript" src="scripts/jquery-1.7.2.js"></script>
<script>
    $(function() {

        $("#json-one").change(function() {

            var $dropdown = $(this);

            $.getJSON("data.json?callback=?", function(data) {

                var key = $dropdown.val();
                var vals = [];

                switch(key) {
                    case 'BR9':
                        vals = data.BR9.split(",");
                        break;
                    case 'base':
                        vals = ['Please choose from above'];
                }

                var $jsontwo = $("#json-two");
                $jsontwo.empty();
                $.each(vals, function(index, value) {
                    $jsontwo.append("<option>" + value + "</option>");
                });

            });
        });

    });
</script>

萤火虫错误：

GET http://______my url site ____/data.json 404 NOT FOUND x 25ms

如果我换线

$.getJSON("data.json", function(data) ...

至

$.getJSON("data.json?callback=?", function(data) ...

它也不起作用。

谁能帮我？

Answer 1

您是否尝试提供json文件的完整路径？

$.getJSON("http://www.mywebsite.com/folder/data.json?callback=?", function(data) {});

Answer 2

您进行JSON调用的页面和您进行调用的页面是在同一域中吗？ JSON不支持跨域调用，因此您需要使用JSONP。