私は次のようにJSONファイルresult.jsonが探してい

-2

そのオブジェクト：私は次のようにJSONファイルresult.jsonが探してい

私のhtmlファイルで

{ 
"employees":[ 
    {"firstName":"John","lastName":"Doe" }, 
    {"firstName":"Anna","lastName":"Smith" }, 
    {"firstName":"Peter","lastName":"Jones" }] 
}

私はからのオブジェクトのいずれかにアクセスするためのjQueryを使用しようとしていますjsonファイル、すなわち人物の1人であり、いくつかのオブジェクトデータを表示する。

<!DOCTYPE html> 
<html> 
<body> 
<head> 
    <script type = "text/javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
</head> 

<p id="demo"></p> 

<script> 
    var obj; 
    $.getJSON("http://insyn.local:666/result.json", function(json){ 
     obj = json; 
    }); 
    document.getElementById("demo").innerHTML = 
    obj.employees[1].firstName + " " + obj.employees[1].lastName; 
</script> 

</body> 
</html>

しかし、これは私だけのエラーなります「キャッチされない例外TypeErrorは：プロパティ '従業員の未定義のを読み取ることができません」。私はここで何が欠けていますか？

出典

2016-04-18 Agent Shoulder

によりJSの非同期性には、 'getJSON'コールのコールバック関数の中で' innerHTML'ステートメントを配置する必要があります。それ以外の場合は、結果が返される前にinnerHTMLが実行されます。 – helllomatt

'$ .getJSON'は非同期呼び出しであり、DOMに挿入しようとするとおそらく完了しません – Craicerjack

は、コールバックの内側にあなたのhtmlの操作をやって試してみてください。

<!DOCTYPE html> 
<html> 
<body> 
<head> 
    <script type = "text/javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
</head> 

<p id="demo"></p> 

<script> 
    var obj; 
    $.getJSON("http://insyn.local:666/result.json", function(json){ 
     obj = json; 
     document.getElementById("demo").innerHTML = 
     obj.employees[1].firstName + " " + obj.employees[1].lastName; 
    }); 

</script> 

</body> 
</html>

出典

2016-04-18 14:18:53 Paul

私は次のようにJSONファイルresult.jsonが探してい

答えて

関連する問題