質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

JSON

JSON(JavaScript Object Notation)は軽量なデータ記述言語の1つである。構文はJavaScriptをベースとしていますが、JavaScriptに限定されたものではなく、様々なソフトウェアやプログラミング言語間におけるデータの受け渡しが行えるように設計されています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

解決済

1回答

4219閲覧

Jsonデータの項目数に合わせてTableの行を追加し、Jsonデータを設定したいです。

shoi

総合スコア40

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

JSON

JSON(JavaScript Object Notation)は軽量なデータ記述言語の1つである。構文はJavaScriptをベースとしていますが、JavaScriptに限定されたものではなく、様々なソフトウェアやプログラミング言語間におけるデータの受け渡しが行えるように設計されています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

1クリップ

投稿2015/03/10 08:48

編集2015/03/11 01:19

Jsonデータの項目数に合わせてTableの行を追加し、Jsonデータを設定したいです。
現在のソースは
*javascript

lang

1 2$(document).ready(function () { 3 4var url = "http://ooo"; 5 6$.get(url, function (json) { 7 ※jsonデータの内容 8 {"年":"2020", "名前":"アメリカ", "読み":"あめりか"}, 9 ~複数(データ数はランダム)~ 10 {"年":"2020", "名前":"日本", "読み":"にほん"} 11 }); 12}); 13 14*html 15<body> 16 17</body>

・tabelのカラムは「年」「名前」「読み」にしたい

どのように実装したら良いか分かりません。
分かる方がいましたら、ご教授をお願いします

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

ざっくり書くとこんな感じのはず。

var table = $('<table/>');

for(var i in json)
{
var tr = $('<tr/>')
var td1 = $('<td/>').text(json[i].年);
var td2 = $('<td/>').text(json[i].名前);
var td3 = $('<td/>').text(json[i].読み);
tr.append(td1).append(td2).append(td3);
table.apprnd(tr);
}

$("body").append(table);

投稿2015/03/10 09:16

退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

shoi

2015/03/10 09:26

迅速な返答ありがとうございます。 table.apprnd(tr); の部分でundefined is not a functionが発生してしまいました
退会済みユーザー

退会済みユーザー

2015/03/10 09:31

appendのタイプミスです。すいませんm(_ _)m
shoi

2015/03/10 09:38

HTMLのbodyは未記入でもtableは作成されますか? 今のところエラーは出てませんが、画面には何も表示されません
退会済みユーザー

退会済みユーザー

2015/03/10 10:24

HTMLにbodyタグが無いということでしょうか? $("body").append(table);は、bodyタグ内にtableを追加するという意味なので、 bodyタグがないと、追加できないので何も起こりません。
shoi

2015/03/11 01:20

htmlは現在Bodyタグのみで、 デバックで確認するとjavascriptは正常動作しているのですが、tableが追加されない状況です。
shoi

2015/03/11 01:22

こちらの間違いです、 解決することが出来ました
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問