javascript - getJSON 不工作

Question

我有一个非常小的 jquery 程序，它试图从一个键中获取值。JSON 文件如下所示：

{
    "Key1": [
        "http://google.com",
        "http://github.com",
        "http://codepen.com"
    ],
    "Key2": [
        "http://google.com",
        "http://github.com",
        "http://codepen.com"
    ],
    "Key3": [
       "http://google.com",
       "http://github.com",
       "http://codepen.com"
    ]
}

我想根据键键入值，然后让 iframe 在它们之间旋转。代码似乎是正确的，但是当我加载页面时，什么也没有发生。我添加了 console.log 以查看它进入程序，并在 getJSON 函数处停止。

$(document).ready(function(){
  console.log("What");
    $.getJSON('url_dict.json', function(json) { 
    console.log(json)        
        $.each(json, function(key, value) {
            if (key == "Key1") {
                console.log(value);
                locos = value;
                console.log(locos);
                console.log(locos.length);
            }
        });
        var len = locos.length;
        var iframe = $('#frame');
        var i = 0;
        setInterval(function () {
            $(iframe).attr('src', locos[++i % len]);
        }, 5000);
   });
});

我不太确定问题是什么。谢谢你的时间。