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

問題が何であるかはよくわかりません。御時間ありがとうございます。