ひょっとして、実現したいのは、下記の実装例のような事ですか?
JSONファイルの読込
◆ページのHEAD部に記載
HTML
1<script type="text/javascript">
2 function ファイル読込(ファイル名, 読込後処理名) {
3 var 読込後処理
4 = new Function("引数", "return " + 読込後処理名 + "(引数)");
5 var httpObj = new XMLHttpRequest();
6 httpObj.open("GET", ファイル名, true);
7 httpObj.onreadystatechange = function() {
8 if (httpObj.readyState == 4) {
9 読込文 = httpObj.responseText;
10 読込後処理(読込文);
11 }
12 }
13 httpObj.send(null);
14 }
15</script>
◆子ファイル(called/called-json.json)の内容
{ "学生": [
{ "番号": "123456", "氏名": "鈴木太郎",
"学部": "工学部" },
{ "番号": "987654", "氏名":
"佐藤花子", "学部": "文学部" },
{ "番号": "111111", "氏名": "佐藤二郎" }
]
}
◆読込と配列化
JavaScript
1<script>
2 function JSON表示(読込文) {
3 var 学生番号 = new Array(); // A
4 var 学生氏名 = new Array();
5 var 学生学部 = new Array();
6
7 読込文 = 読込文.replace(/[\n\r]/g,""); // B
8 var 学生表 = eval("(" + 読込文 + ")"); // C
9
10 var 学生数 = 学生表.学生.length;
11 for (var i = 0; i < 学生数; i++) {
12 学生番号[i] = 学生表.学生[i].番号; // D
13 学生氏名[i] = 学生表.学生[i].氏名;
14 学生学部[i] = 学生表.学生[i].学部;
15 }
16
17 var 表示内容 = "学生数=" + 学生数 + "<br>";
18 for (i = 0; i < 学生数; i++) {
19 表示内容 += "学生番号[" + i + "] = " + 学生番号[i]
20 + " 学生氏名[" + i + "] = " + 学生氏名[i]
21 + " 学生学部[" + i + "] = " + 学生学部[i] + "<br>";
22 }
23 document.getElementById('表示場所').innerHTML = 表示内容;
24 }
25</script>
26<p><input type="button" value="表示"
27 onClick="ファイル読込('called/called-json.json', 'JSON表示')"></input></p>
今回は数回の試行錯誤の結果、結構長いですが
javascript json ファイル読み込み 変数 代入
というキーワードでググって見つけました。
ご参考になれば幸いです。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/01/05 06:29
2016/01/05 08:14
2016/01/05 08:50
2016/01/05 09:01
2016/01/05 09:11
2016/01/05 09:33
2016/01/06 01:42
2016/01/06 01:57 編集
2016/01/06 04:10
2016/01/06 04:29
2016/01/06 05:41
2016/01/06 06:02
2016/01/06 06:19
2016/01/06 06:28 編集
2016/01/06 07:22
2016/01/06 07:36
2016/01/06 07:46
2016/01/06 09:55
2016/01/06 10:37
2016/01/07 05:02