$.getJSON 执行错误回调

Question

我有一个从 JSON 文件中获取数据的 jQuery 函数，但我无法让它工作。我正在括号编辑器中开发，当我在他们的实时预览中打开网站时，一切都很好。但是当我在本地打开 html 文件时，会执行 $.getJSON.error 而不是正常的 $.getJSON

function loadJson(e) 
{
    $('.images').fadeOut(300);
    var jsonURL = "../../../images.json";
    var txt = $(e.target).text();
    setTimeout(function () 
    {
        $('.images').empty();
        $.getJSON(jsonURL, function(json) 
        {
            var imgList = "";
            $.each(json[txt], function () 
            {
                imgList += '<div class="image_container reference">
                                <a href="' + this.imgPath + '">
                                    <img src="' + this.imgPath + '"/>
                                    <div class="overlay">
                                        <span>' + this.name + '</span>
                                    </div>
                                </a>
                            </div>';
            });
            $('.images').append(imgList);
        }).error(function(json) { alert("error"); });
    }, 300);
    $('.images').fadeIn(300);
}

函数获取点击的项目标签，将其与 JSON 文件中的数组名称匹配，然后分别将这些图像附加到容器中。当我在 Brackets 实时预览中运行它时，它按预期工作，所以我真的不知道发生了什么？

Answer 1

但是当我在本地打开html文件时，会执行$.getJSON.error

浏览器非常重视安全性。在本地工作时，Chrome 会阻止对本地文件的任何 Ajax 请求。只有当请求的文件位于与 HTML 页面相同的文件夹（或更深）中时，Firefox 才会允许您这样做。

简而言之，要么将 JSON 文件放在同一文件夹中并使用 Firefox，要么安装本地服务器。

WAMP Server (Windows) 是我使用的。您将在本地工作，但您将通过http:// 协议（localhost）而不是file:// 协议访问您的页面。那应该解决它！ Mac用户可以安装MAMP。