質問編集履歴

5 内容の編集

shoi

shoi score 81

2015/03/11 10:19  投稿

Jsonデータの項目数に合わせてTableの行を追加し、Jsonデータを設定したいです。
Jsonデータの項目数に合わせてTableの行を追加し、Jsonデータを設定したいです。
現在のソースは
*javascript
```lang-<ここに言語を入力>
$(document).ready(function () {
var url = "http://ooo";
$.get(url, function (json) {
 ※jsonデータの内容
 {"年":"2020", "名前":"アメリカ", "読み":"あめりか"},
 ~複数(データ数はランダム)~
 {"年":"2020", "名前":"日本", "読み":"にほん"}
 });
});
*html
<body>
   <table id="sampleTable" class="tablesorter">
       <thead>
           <tr>
        <th>年</th>
               <th>名前</th>
               <th>読み</th>
           </tr>
       </thead>
       <tbody></tbody>
   </table>
 
</body>
```
・tabelのカラムは「年」「名前」「読み」にしたい
どのように実装したら良いか分かりません。
分かる方がいましたら、ご教授をお願いします
  • JavaScript

    38683 questions

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

  • HTML5

    10499 questions

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

  • JSON

    3067 questions

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

4 内容の修正

shoi

shoi score 81

2015/03/10 18:45  投稿

Jsonデータの項目数に合わせてTableの行を追加し、Jsonデータを設定したいです。
Jsonデータの項目数に合わせてTableの行を追加し、Jsonデータを設定したいです。
現在のソースは
*javascript
```lang-<ここに言語を入力>
$(document).ready(function () {
var url = "http://ooo";
$.get(url, function (json) {
 ※jsonデータの内容
 {"年":"2020", "名前":"アメリカ", "読み":"あめりか"},
 ~複数(データ数はランダム)~
 {"年":"2020", "名前":"日本", "読み":"にほん"}
 });
});
*html
<body>
   <table id="sampleTable" class="tablesorter">
       <thead>
           <tr>
         <th>年</th>  
               <th>名前</th>
               <th>読み</th>
           </tr>
       </thead>
       <tbody></tbody>
   </table>
</body>
```
・tabelのカラムは「年」「名前」「読み」にしたい
どのように実装したら良いか分かりません。
分かる方がいましたら、ご教授をお願いします
  • JavaScript

    38683 questions

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

  • HTML5

    10499 questions

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

  • JSON

    3067 questions

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

3 内容の修正

shoi

shoi score 81

2015/03/10 18:45  投稿

Jsonデータの項目数に合わせてTableの行を追加し、Jsonデータを設定したいです。
Jsonデータの項目数に合わせてTableの行を追加し、Jsonデータを設定したいです。
現在のソースは
*javascript
```lang-<ここに言語を入力>
$(document).ready(function () {
var url = "http://ooo";
$.get(url, function (json) {
 ※jsonデータの内容
 {"年":"2020", "名前":"アメリカ", "読み":"あめりか"},
 ~複数(データ数はランダム)~
 {"年":"2020", "名前":"日本", "読み":"にほん"}
 });
});
*html
<body>
   <table id="sampleTable" class="tablesorter">
       <thead>
           <tr>
               <th>都道府県名</th>
               <th>名前</th>
               <th>読み</th>
           </tr>
       </thead>
       <tbody></tbody>
   </table>
</body>
```
・tabelのカラムは「年」「名前」「読み」にしたい
どのように実装したら良いか分かりません。
分かる方がいましたら、ご教授をお願いします
  • JavaScript

    38683 questions

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

  • HTML5

    10499 questions

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

  • JSON

    3067 questions

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

2 内容の追加

shoi

shoi score 81

2015/03/10 18:43  投稿

Jsonデータの項目数に合わせてTableの行を追加し、Jsonデータを設定したいです。
Jsonデータの項目数に合わせてTableの行を追加し、Jsonデータを設定したいです。
現在のソースは
*javascript
```lang-<ここに言語を入力>
$(document).ready(function () {
var url = "http://ooo";
$.get(url, function (json) {
 ※jsonデータの内容
 {"年":"2020", "名前":"アメリカ", "読み":"あめりか"},
 ~複数(データ数はランダム)~
 {"年":"2020", "名前":"日本", "読み":"にほん"}
 });
});
*html
<!DOCTYPE html>  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>  
   <title>List</title>  
   <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>  
     
   <link rel="stylesheet" href="css/styles.css" type="text/css" media="print, projection, screen" />  
     
   <script type="text/javascript" src="jquery/jquery.tablesorter.min.js"></script>  
   <script type="text/javascript" src="js/script.js"></script>  
</head>  
<body>
   <table id="sampleTable" class="tablesorter">
       <thead>
           <tr>
               <th>都道府県名</th>
               <th>読み</th>
           </tr>
       </thead>
       <tbody></tbody>
   </table>
</body>
</html>  
```
・tabelのカラムは「年」「名前」「読み」にしたい
どのように実装したら良いか分かりません。
分かる方がいましたら、ご教授をお願いします
  • JavaScript

    38683 questions

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

  • HTML5

    10499 questions

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

  • JSON

    3067 questions

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

1 内容の追加

shoi

shoi score 81

2015/03/10 18:41  投稿

Jsonデータの項目数に合わせてTableの行を追加し、Jsonデータを設定したいです。
Jsonデータの項目数に合わせてTableの行を追加し、Jsonデータを設定したいです。
現在のソースは
*javascript
```lang-<ここに言語を入力>
$(document).ready(function () {
var url = "http://ooo";
$.get(url, function (json) {
 ※jsonデータの内容
 {"年":"2020", "名前":"アメリカ", "読み":"あめりか"},
 ~複数(データ数はランダム)~
 {"年":"2020", "名前":"日本", "読み":"にほん"}
 });
});
 
*html  
<!DOCTYPE html>  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>  
   <title>List</title>  
   <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>  
     
   <link rel="stylesheet" href="css/styles.css" type="text/css" media="print, projection, screen" />  
     
   <script type="text/javascript" src="jquery/jquery.tablesorter.min.js"></script>  
   <script type="text/javascript" src="js/script.js"></script>  
</head>  
<body>  
   <table id="sampleTable" class="tablesorter">  
       <thead>  
           <tr>  
               <th>都道府県名</th>  
               <th>読み</th>  
           </tr>  
       </thead>  
       <tbody></tbody>  
   </table>  
</body>  
</html>  
```
・tabelのカラムは「年」「名前」「読み」にしたい
どのように実装したら良いか分かりません。
分かる方がいましたら、ご教授をお願いします
  • JavaScript

    38683 questions

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

  • HTML5

    10499 questions

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

  • JSON

    3067 questions

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

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る