jQueryでJSONを外部ファイルとして読み込む際の構文エラー

Question

###前提・実現したいこと
jQueryでJSONを外部ファイルとして読み込みたい。

###発生している問題・エラーメッセージ
下記の動くソースコードを外部ファイル化した上で読み込みたいが、うまくいかない。

###動くソースコード

<select id="tagKey"></select>

var tagKeyData = {
			tagKey: [{
				"name": "Tom",
				"value": "20",
				"selected": "true"
			}, {
				"name": "Jim",
				"value": "19"
			}, {
				"name": "Dick",
				"value": "32"
			}]
		};
		var options = $.map(tagKeyData.tagKey, function (item, i) {
			return $('<option>', {
				text: item.name,
				value: item.value,
				selected: item.selected
			});
		});
		$("#tagKey").empty().append(options);

###動かないソースコード

<select id="tagKey"></select>

$.getJSON("json/test.json", function (test) {
		for (var i in test) {
		var options = $.map(test.tagKey, function (item, i) {
			return $('<option>', {
				text: item.name,
				"value": item.value,
				"selected": item.selected
			});
		});
		};
		$("#tagKey").empty().append(options);
	});

// JSON Document
{
			tagKey: [{
				"name": "Tom",
				"value": "20",
				"selected": "true"
			}, {
				"name": "Jim",
				"value": "19"
			}, {
				"name": "Dick",
				"value": "32"
			}]
		}

初歩的な質問で恐縮ですが何卒よろしくお願いいたします。

Answer 1

以下の記述がおかしいのでは？？
それを消したらうごきましたよ

  var test = ("json/test.json");

Comments

[hibikikudo]

ご回答ありがとうございます。上記は試行錯誤中に残ってしまったゴミでしたので消去修正しました。しかしながら私の環境では上記を消してもうまくいきません…。

[popobot]

ブラウザのデベロッパーツール等でconsoleを見るとエラーとかでてないですか？
また、jsonが取得できているかconsole.log(test)とかやってみてください。

[hibikikudo]

自己解決としました。わかってしまえばしょうもない理由でしたね…。お付き合いいただき本当にありがとうございました。

Answer 2

DreamweaverでJSONファイルを作成すると一行目に // JSON Document というコメントが入るのですが、これが入っているとダメだったようです。このコメントを消去することで正しく読み込まれました。

Comments

[popobot]

なるほど... 自分はそれ、teratail向けのコメントかと思って、しれっと消しちゃいました...。解決して良かったです！