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。