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);
   });
});

我不太清楚问题是什么。谢谢你的时间。