javascriptでdata.txtのJSONデータを変数に取得するかんたんなサンプルコードはどのようになるのでしょうか。
JSONデータは以下と同じです。
http://www.openspc2.org/JavaScript/Ajax/Ajax_stu …
{"item":[
{"itemCode":91,
"itemName":"塩ラーメン",
"itemPrice":300},
{"itemCode":94,
"itemName":"味噌ラーメン",
"itemPrice":290},
{"itemCode":95,
"itemName":"豚骨ラーメン",
"itemPrice":320}
]
}
No.3ベストアンサー
- 回答日時:
javascript自体をあまり理解されてないみたいですね。
そんなあなたに、お勧めのJSONの使い方は、
最初からdata.txtの中身を
ITEM={"item":[
{"itemCode":91,
"itemName":"塩ラーメン",
"itemPrice":300},
{"itemCode":94,
"itemName":"味噌ラーメン",
"itemPrice":290},
{"itemCode":95,
"itemName":"豚骨ラーメン",
"itemPrice":320}
]
};
と作っておきなさい。(UTF-8で保存しましょう)
そおすれば
<script type='text/javascript' src="data.txt" charset="UTF-8"></script>
で読み込んで、
for(var i=0;i<ITEM.item.length;i++){
alert(ITEM.item[i].itemCode);
alert(ITEM.item[i].itemName);
alert(ITEM.item[i].itemPrice);
}
のようにアクセス出来る事が出来るでしょう。
No.4
- 回答日時:
eval() 以外でJSONテキストをパースする方法としては、JSON.parse() があります。
ECMA-262, Edition 5規定ですが、json2.js を利用すれば未実装のブラウザにも対応できます。
--------------
<script type="text/javascript" src="./json2.js"></script>
<script type="text/javascript"><!--
function loadItems (doc) {
var jsonString = '{"item":[ {"itemCode":91, "itemName":"塩ラーメン", "itemPrice":300}, {"itemCode":94, "itemName":"味噌ラーメン", "itemPrice":290}, {"itemCode":95, "itemName":"豚骨ラーメン", "itemPrice":320} ] }',
jsonObject = JSON.parse (jsonString),
items = jsonObject.item,
table = doc.createElement ('table'),
caption = doc.createElement ('caption'),
tr = doc.createElement ('tr'),
th = doc.createElement ('th'),
td = doc.createElement ('td'),
i, l;
caption.appendChild(doc.createTextNode('商品一覧'));
table.appendChild(caption);
for (i=0,l=items.length; i<l; i++) {
tr = doc.createElement('tr');
for (j in items[i]) {
td = doc.createElement ('td');
td.appendChild (doc.createTextNode (items[i][j]));
tr.appendChild (td);
}
table.appendChild (tr);
}
doc.getElementsByTagName('body').item(0).appendChild(table);
}
//--></script>
</head>
<body onload="loadItems (event.target || this.document);">
--------------
Using native JSON - MDC
https://developer.mozilla.org/En/Using_native_JSON
JSON in JavaScript (json2.js)
http://www.json.org/js.html
ECMA-262, Edition 5
http://www.ecma-international.org/publications/s …
[鏡] 入門 JSON -- 戯れ言++
http://www.baldanders.info/spiegel/remark/archiv …
[鏡] 入門 JSON 2 -- 戯れ言++
http://www.baldanders.info/spiegel/remark/archiv …
json2.jsを使ってみる
http://semantics932.hp.infoseek.co.jp/JavaScript …
No.2
- 回答日時:
おお! よく見れば、ご提示のサイトにサンプルがそのまま載ってる(●スクリプトの所)
じゃないですか。
どこが、わからないんですか?
この回答への補足
質問の仕方がまずかったですね。すみません。
具体例としては、
var mytext = "data.txt";
var myobject = eval("(" + mytext + ")");
としても、myobjectはnullのままです。
このコードの間違いを指摘していただきたいのですが・・・
evalが相対パス指定が駄目なら、eval以外を使ったコードを知りたいです。
No.1
- 回答日時:
jsonテキストを2重に()に入れてevalします。
json = eval("("+jsonstr+")");
この回答への補足
jsonstrって、
jsonstr="..." とjsonのデータをハードコーディングですよね。
それを
jsonstr="data.txt"
で読み込みたいのですが、こちらでテストしても出来ないんですよね。
具体例としては、
var mytext = "data.txt";
var myobject = eval("(" + mytext + ")");
としても、myobjectはnullのままです。
このコードの間違いを指摘していただきたいのですが・・・
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript json形式データのデータ連携について 4 2022/04/05 23:01
- JavaScript API連携のプログラミングについて(Typescript) 2 2023/05/03 11:00
- JavaScript JSON について 1 2022/06/09 18:17
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript SQLでデータベースから返ったデータのJSON形式生成について 1 2022/04/06 12:25
- その他(料理・グルメ) 色んな味のカップ麺を合わせたらどんな味? 3 2023/03/11 21:49
- その他(料理・グルメ) ラーメン好きの逆鱗に触れるようなことを言いますが、何味のラーメンでも味に大差ないと感じるのは私だけで 8 2022/11/06 19:07
- JavaScript jsonテキストデータの並び替えができるサービスを教えてください 2 2022/08/05 20:16
- JavaScript Q&Aの掲示板を作成していてヤフー知恵袋やgoo質問のように質問ごとにURLを生成したい 5 2023/08/04 01:22
- PHP JSON_UNESCAPED_UNICODEをつけてもJSONの日本語がブラウザで表示されない 1 2022/11/16 07:22
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
javascriptでクリックするごと...
-
javascriptで画像をテーブルに...
-
selectのonChangeが動作しません
-
テーブルの行数を可変長にした...
-
javascriptでダブルクオテーシ...
-
フォームが空欄の時にフォーム...
-
tableの任意行にfocusをあてる
-
onclickで2個指定するには?
-
配列のチェックボックスをjavas...
-
ダミーフォームの内容を送信用...
-
条件により、リンク先に画面遷...
-
大量のselect要素のvalueを短い...
-
onchangeイベントを強制的に発...
-
value内に変数を入れたい
-
return trueとreturn falseの用...
-
プルダウン 項目が多いので先頭...
-
formを書き換えて送信する方法
-
HTML中のTABLEのデータを抽出す...
-
2段階プルダウンで1段階目の選...
-
クリックさせたいが、click()が...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<JavaScript>tableタグを入力不...
-
selectのonChangeが動作しません
-
テーブルの行数を可変長にした...
-
画面表示とともに、テーブルの...
-
javascriptで<table>背景色の取得
-
javascriptでクリックするごと...
-
テキストエリアに入力した改行...
-
JQueryでテーブルの行を追加し...
-
javascriptで画像をテーブルに...
-
クリックごとに文字色が交互に...
-
カレンダーに印を付けたい
-
任意に文字数指定のできる原稿...
-
idの振り直しについて
-
tbody要素のinnerHTMLが書き換...
-
複数画像のロールオーバー
-
指定のテキストをクリックする...
-
マウスが重なったら画像の上に...
-
jQueryでの親の親の隣の子供の...
-
JavaScript 保守性の高めたい 2
-
Javascriptでの開閉リストの質問
おすすめ情報