下記JSONデータの中から、
50音に応じた内容を選択表示させたいのですが、
どうすれば良いでしょうか?
■具体例
・「チェックボックス」もしくは「プルダウン」で、「お」を選択したら、下記データを表示させたい
{
"link": "goo1.html",
"name": "小田 和正",
"yomi": "おだかずまさ"
},
■元データ(JSON)
{
"human": {
"artist": [
{
"link": "goo1.html",
"name": "小田 和正",
"yomi": "おだかずまさ"
},
{
"link": "goo2.html",
"name": "岩佐美咲",
"yomi": "いわさみさき"
},
{
"link": "goo3.html",
"name": "指原莉乃",
"yomi": "しのはらりの"
},
]
}
}
・jQueryのAJAX通信とかでやるのでしょうか?
(実現出来れば、手段は何でもいいです)
No.2ベストアンサー
- 回答日時:
こんにちは。
先のサンプルを複数件あった場合を考慮してみました。
前のはコメントで残っているので参考にしてみてください。
forの中で一致するものを探して、一致したら配列に入れるなり、書き出し用の文字列に追加してあげるなりすればOKです。
No.1
- 回答日時:
こんにちは。
サンプルを作ってみたので参考にしてみてください。
==== 動作サンプル
http://hppg.moe.hm/okwave/qa/q7559127/
ただ、同じ頭文字がいたらどうする?とか考慮していません。
その辺はうまく実装してみてください。
>jQueryのAJAX通信とかでやるのでしょうか?
すでにJSONが出来上がっているなら今回のサンプルのようになるとおもいますし、データベース上にデータがあって選択された内容によって表示するのであればAjaxまたは通常の通信を利用してサーバ上よりJSONを取得します。
設計次第です。
この回答への補足
回答ありがとうございました。
>同じ頭文字がいたらどうする?
この場合、全て表示させたいのですが、具体的にどうしたら良いでしょうか?
(おだが二人いたら、二人分のデータを表示させたい、という意味です)
■試してみたこと
まとめてみたら何とかなるかもしれない、と思い、
始めに、var hash = { link: 'none', name: 'none', yomi: 'none' }
として、for文の中で以下を配列に入れてみようとしたのですが、うまくいきませんでした……
hash.link = line.link;
hash.name = line.name;
hash.yomi = line.yomi;
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) VBA : スクレイピングできない 4 2023/05/12 22:26
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- PHP PHPで入力フォームでデータを確認表示画面まで送る流れを日本語で理解したいのです。 1 2023/05/29 19:12
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
wordの差し込み印刷で文字...
-
DTOとEntityの差は何ですか。
-
【C#】DataGridViewの最大列数...
-
Windowsのマクロプログラムで、...
-
excel access連携 このテーブル...
-
MSFlexGridのデータを初期化し...
-
エクセルVBAで楽天証券に注...
-
GridViewからチェックボックス...
-
PHP+SmartyとAjax
-
クリップボード画像転送方法
-
C言語で地図を描きたい
-
INIファイルに一括書き込みを行...
-
Dosブロンプトでtabを出力したい
-
shシェルスクリプト 空白行の...
-
「取得先」という表現について
-
switch()文で値の大小比較
-
バッチファイルでpingの結果を...
-
phpでcookieがうまく保存されない
-
開始と終了を指定して、その間...
-
format関数について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
wordの差し込み印刷で文字...
-
DTOとEntityの差は何ですか。
-
【C#】DataGridViewの最大列数...
-
excel access連携 このテーブル...
-
WordでExcelデータを差込...
-
ActiveReportのサブレポート機...
-
「外部データの取り込み」とい...
-
GridViewからチェックボックス...
-
MSFlexGridのデータを初期化し...
-
VBA内でのGetPixelを使用した時...
-
VB.NET 2017の勉強中です。 今...
-
Windowsのマクロプログラムで、...
-
エクセルVBAで楽天証券に注...
-
C#でのForm間のデータ受け渡し...
-
★お手上げ状態です。助けてくだ...
-
VB6.0とスプレッドシート
-
XMLHttpRequestでウェブページ取得
-
INIファイルに一括書き込みを行...
-
ADOを使用してExcelファイルを...
-
Access2000 CopyFromRecordset...
おすすめ情報