$ .getJSON（）はIE9では動作しますが、ChromeとFireFoxでは動作しません。私のコードで何が間違っていますか？

Question

IE9とテキストエディタを使ってWebアプリケーションを開発しました。 JSONファイルを読み込み、そのファイルとJavaScriptおよびjQueryコードのロジックに従ってDIV要素を塗りつぶします。 IE9では完全に動作します。

Chromeでは、$ .getJSON（）ステートメントを実行できないため、データは使用できません。 FireFoxの下では、$ .getJSON（）文が明らかに実行されます（警告メッセージはこれを証言します）。しかし、何も読み込まれません。

JSONファイルはJSONLintを渡します。

ChromeとFireFoxのいずれもエラーを示していません。

JSONサイトのJSONデータを使用してサンプルファイルを作成し、JSONLintで検証してから、そのファイルを使用してコードを実行しました。違いはありません - Chromeはまだ$ .getJSON（）ステートメントを無視します。

私のコードの関連セクション：

function buildTree(centralID) { 
     alert("Can we start, at least?"); 
    $.getJSON('sample.json', function(data) { 
     alert("first success"); 
     $.each(data.person, function(i, xdata) { 

クロームは最初の警告ではなく、秒を表示します。

アイデア？

Answer 1

エラー機能を組み込み、デバッグすることができます。

$(document).ready(function(){ // Make sure your jQuery is inside this 
$.getJSON("sample.json", function(data) { 
    alert('Point 1 Reached.'); 
    console.log(data); // Here we log to our console 
    $.each(data.feed.entry, function(i, item) { 
      // Do your stuff here 
     }); // End of $.each 

// Here Success, Completed & Error do something. chained onto $.getJSON 
     }).success(function() { alert("success"); }) 
      .error(function(jqXHR, textStatus, errorThrown) { // Debug the error!! 
        console.log("error " + textStatus); 
        console.log("error throw " + errorThrown); 
        console.log("incoming Text " + jqXHR.responseText); 
       }) // End of .error 
      .complete(function() { alert("complete"); }); 
     }); 
}); // End of DOM Ready 

これは、あなたのFirefoxやクロムのコンソールウィンドウにエラーを（にconsole.logはIEで動作し、スクリプトを中断されません）が表示されるはずです。 firefoxまたはchromeでコンソールウィンドウを起動するには、F12を押します。 JSONが機能しない場合は、デバッグできるエラーが表示されます。

---

更新
また、このコードは、あなたの$(document).ready()であることを確認してください。 $ .getJSON（）を使用すると、ブラウザ間で予期せぬ動作が発生する可能性があります。

Answer 2

これはWebサーバー上で実行されていますか、またはブラウザでファイルを開くだけですか？ファイルを開いているだけの場合は、問題が発生します。