Java script 検索結果をテーブル表示

Question

EclipseでWEBアプリを作成しています。

検索し画面遷移するとJSONの書式が以下のようにデータが返ってくるのですがこのデータをテーブルとして可視化するようにできないでしょうか？
調べてみましたがどれも画面遷移しないテーブル作成なので・・・

[ {
"id" : "51014236",
"xxx_id" : "10089282",
"xxx_reg_daytime" : "000000",
"xxx_cd" : "7",
"xxx_name" : "犬",
"xx_cd" : "1111",
"x_name" : "猫",
"xxxx_name" : "Ｘ",
…etc

画面遷移したときに動くイベントハンドラがあればいいのに・・・

宜しく御願い致します。

Answer 1

なんで画面遷移の話が出てるのか分かりません。
例えばですが、jQueryでAJAXでそのAPIを呼び出して、戻り値を得ます。
あくまでサンプルですが下記みたいな形です

$.ajax({
  //===1===
  type: 'GET',
  url: "URL"
}).done(function(data){
  //成功した処理
  //===2===
}).fail(function(data){
  //失敗処理
});

1の部分で呼び出しを行います。
APIへのURLやパラメータを記述します。

で成功すると2の部分へ遷移します。
この場合だと質問者さんの場合はdataに質問文のJSONデータが入ってきてる事になります。
ですのでこの部分にHTMLを出力するコードを書いてあげれば画面に表示される事になります。

ちょっとどの部分で詰まってるのかいまいちわからないのでもう少し「ここがわからん！」と行ってもらった方が良いかもしれませんね。

Comments

[takato]

landy77様
申し訳ございません。
わかりずらい質問文に対応していただきありがとうございます。

今現状が
検索ページがある↓
検索単語を入れ検索先のURLに飛ぶ↓
json形式で検索結果を表示される（見にくい）

これを

検索ページがある↓
検索単語を入れ検索先のURLに飛ぶ↓
json形式をテーブル表示し見やすくする

このようにしたいのです。

[takato]

補足です。

http://kachibito.net/useful-resource/json-human-js
JSONをテーブルにコンバートするのを検索結果先にしたいと考えています。

[landy77]

その「検索用のURL」を見ない限りは答えが出せませんが、見る限りは先ほど私が示したコードのURLにtakatoさんの言う「検索用のURL」を入れて、何らかのパラメータを渡せばJSONで戻り値を得られるような気がします。
本来JSON形式で先ほどのコードで言う２の部分でdataが受け取らなければ行けない物が画面に表示されてるんじゃ無いのかなと言う気がしています。

何にしても「検索用のURL」という物がどういう物かが分かればご自分でJSONをテーブルにする方法は見つけてるようですのでほぼ解決してる気がします。

差し支えなければ「検索用のURL」を教えてもらえればもうすぐそこじゃないでしょうか。

[takato]

landy77様
認識合わせのため一度整理すると
JSONをテーブル形式にすることはできます。（ただし他のページに飛ばない場合）
検索キーワードをいれ検索ページにも飛ぶことはできます。

ですが検索ページに飛ぶとJOSN形式がむき出しのまま表示されます。
検索キーワードと一緒にJSON形式をテーブルにコンバートするデータを送る手段さえわかれば完成するかと思うのですがそれができないのです。
landy77様のデータで少しいじくってみます。