お世話になっております。
新人プログラマーです。
現在JavaScriptでUI開発を行っております。
###前提・実現したいこと
JavaScriptでJSONデータ(外部ファイル)を取得し
画面上に文字列を出力したいです。
###試したこと
下のように書いてみましたが
文字列が表示されませんでした。
##エラー
XMLHttpRequest cannot load
###該当のソースコード
html
1<body onload="getJson()"> 2 略 3<td id="output_name"><font size="3"></font></td> 4 略 5<script> 6 function getJson(){ 7 var xmlhttp = new XMLHttpRequest(); 8 9 xmlhttp.onreadystatechange = function(){ 10 if (xmlhttp.readyState == 4) { 11 if (xmlhttp.status == 200) { 12 var data = JSON.parse(xmlhttp.responseText); 13 var elem = document.getElementById("output_name"); 14 elem.innerText = data.name; 15 } 16 } 17 } 18 xmlhttp.open("GET", "data.json"); 19 xmlhttp.send(null); 20 } 21</script> 22
json
1{ 2 "name":"参考資料", 3 "updated":, 4 "type":"folder", 5}, 6 7{ 8 "name":"2017_05_15.CrewA.pdf", 9 "updated":, 10 "type":"file", 11}, 12 13{ 14 "name":"2017_05_15.CrewB.pdf", 15 "updated":, 16 "type":"file", 17}, 18 19{ 20 "name":"2017_05_15.CrewC.pdf", 21 "updated":, 22 "type":"file", 23}, 24 25{ 26 "name":"2017_05_15.CrewD.pdf", 27 "updated":, 28 "type":"file", 29}, 30 31{ 32 "name":"2017_05_15.CrewE.pdf", 33 "updated":, 34 "type":"file", 35}
###補足情報(言語/FW/ツール等のバージョンなど)
追加したほうが良い情報がありましたら、
教えていただけますと幸いです。
回答3件
あなたの回答
tips
プレビュー