質問: 使用している環境は以下です。 * Eclipse、API * JavaScript * jQuery 現在WEBアプリケーションを作成しています。 Eclipseでアプリを起動して、指定してあるURLを開くとJSON形式でデータが表示されます。 例えば、以下の様に表示されます。 ``` "id" : "51018221", "cat_id" : "10061845", "first_reg_daytime" : "2015-07-28T00:00:00.000+0000", "maker_cd" : "009", "maker_name" : "seven", "ca_cd" : "10102047", "ca_name" : "タロウ", ... ``` このようなデータが返ってきます。デモとしてお客さんに見せたいのですが、このままだと見にくいということで、JavaScriptやjQuery(ajaxでも構いません)を使用してJSON形式のデータをHTMLのテーブルに変換して見やすくしたいのです。 とても難易度が高く、わかる方は少ないと言われています。どなたかご存知の方いらっしゃいませんか? ちなみに今の自分が作成しているコードです。これだとただJSONを呼んでいるだけですが・・・ ``` $.ajax({ type: 'GET', url: 'http://localhost:8180/api/stockcars/search?q=', datatype: 'json', success: function(json){ $.each(json, function(i, item){ $('body').prepend(item[0] ); }); }, error: function(){ alert('error'); } }); ``` 宜しく御願いします。
回答: "html json"でグーグル検索してヒットした超便利!jQueryでJSONデータを解析し、HTMLに表示する/後編 を参考に、jQueryでテーブルを表示するサンプルを作ってみました。 以下のコードをUTF-8で保存後、todo部分を書き換えてブラウザで開くとテーブルが表示されると見込んでいます。 ※動かすと分かる通りデザイン性は一切考慮せず、jsonのテーブル変換に必要な処理のみ行っています。 デモに使うならばCSSで装飾するか Norikaz Ishii さんの提示されたように、既存のソリューションを検討される方が望ましいと思われます。 あしからずご留意願います。 ``` ```