# JavaScriptでテーブルの行追加

**URL:** <https://community.cybozu.dev/t/topic/1702>\
**Category:** kintone 開発相談\
**Created:** [2014 年 4 月 24 日午前 10:01 UTC](https://community.cybozu.dev/t/topic/1702 "2014-04-24T10:01:27Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account1485](https://avatars.discourse-cdn.com/v4/letter/l/76d3ee/32.png) [@Legacy\_Account1485](https://community.cybozu.dev/u/Legacy_Account1485)\
**Post date:** [2014 年 4 月 24 日午前 10:01 UTC](https://community.cybozu.dev/t/topic/1702/1 "2014-04-24T10:01:27Z")

</div>

AアプリのデータをBアプリのテーブルに追加する方法を考えています。

1.GETメソッドでBアプリのテーブル情報を取得  
2.戻り値のJSON形式データに行追加  
3.POSTメソッドで更新

このような感じで考えていますが、2で悩んでいます。  
簡単に1行データだけを追加する方法はないのでしょうか。

JavaScriptで実装したいのですが、JSON形式の更新データを作成する関数を作成するしかないのでしょうか。

良い方法があればご教授頂けますでしょうか。  
よろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account806](https://avatars.discourse-cdn.com/v4/letter/l/b5a626/32.png) [@Legacy\_Account806](https://community.cybozu.dev/u/Legacy_Account806)\
**Post date:** [2014 年 4 月 24 日午後 2:25 UTC](https://community.cybozu.dev/t/topic/1702/2 "2014-04-24T14:25:33Z")

</div>

Aアプリのイベントで１〜３を実現するのであれば、ご認識の通りJSONのデータを作成する必要はあります。  
が、テーブル１行を追加するだけでればわざわざ関数にしなくても良いかなと思います。

例えば、サブテーブル（Table）の文字列フィールド（table\_string）に一行値を入れるのであれば以下の様なJSONでいけます。

‘{ “app”: “アプリID”,“id”: “更新するレコード番号”, “record” : { “Table” : { “value” : [{“value” : {“table\_string” :{ “value” : “テストです” }}}]}}," **REQUEST\_TOKEN**":“トークン” }’;

ご存知かもしれませんがテーブルを更新する時は、既にテーブルに値がある場合は必ずすべての行の値を指定する必要があります。

また、更新時には必ずリクエストトークンを取らないといけませんのでこちらもご注意を。

簡単なサンプルコードを以下に書きますね。（半角空白が削られてしまうのでみづらくてすみません。。）

```
// CSRFトークンのの取得
var token = kintone.getRequestToken();

// 登録先アプリの設定
var appURL = kintone.api.url('/k/v1/record');
// JSONの設定
var strJSON = '{ "app": "43","id": "1", "record" : { "Table" : { "value" : [{"value" : {"table_string" :{ "value" : "テストです" }}}]}}," __REQUEST_TOKEN__":"' + token + '" }';

var xmlhttp = false;

if(typeof ActiveXObject != "undefined"){ //IE
  try {
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  } catch (e) {
    xmlhttp = false;
  }
}

if(!xmlhttp && typeof XMLHttpRequest != "undefined") { //IE以外
  xmlhttp = new XMLHttpRequest();
}

xmlhttp.open("PUT", appURL, false);
xmlhttp.setRequestHeader('X-Requested-With','XMLHttpRequest');
xmlhttp.setRequestHeader('Content-Type','application/json');
xmlhttp.send(strJSON);

if (xmlhttp.status == 200) {
  //成功した時の処理
}else{ //削除失敗
//失敗した時の処理
}

```

---

<div class="post-metadata">

**Author:** ![Legacy\_Account806](https://avatars.discourse-cdn.com/v4/letter/l/b5a626/32.png) [@Legacy\_Account806](https://community.cybozu.dev/u/Legacy_Account806)\
**Post date:** [2014 年 4 月 24 日午後 2:26 UTC](https://community.cybozu.dev/t/topic/1702/3 "2014-04-24T14:26:05Z")

</div>

と、思ったらコードはそのまま表示されるようになってました！

---

<div class="post-metadata">

**Author:** ![Legacy\_Account](https://avatars.discourse-cdn.com/v4/letter/l/ba8739/32.png) [@Legacy\_Account](https://community.cybozu.dev/u/Legacy_Account)\
**Post date:** [2014 年 4 月 25 日午前 12:53 UTC](https://community.cybozu.dev/t/topic/1702/4 "2014-04-25T00:53:09Z")

</div>

行を追加したテーブルを反映するリクエスト用JSONを作るには、次のような書き方ができると思います（ベタですが）。1のGETが単一レコード取得（record.json）で、レスポンスをobjとしておきます。

//-- beginning of snippet  
var insertedRow = { // テーブルへの追加行  
“value” : {  
“col1” : { // 1列目のフィールドコード  
“value” : “テストです1” // 1列目の値  
},  
“col2” : { // 2列目のフィールドコード  
“value” : “テストです2” // 2列目の値  
}  
}  
};  
obj[‘record’][‘Table’][‘value’].push(insertedRow); // 取得したレコードJSONのテーブルの最終行に追加  
var strJSON = ‘{ “app”: “43”,“id”: “1”, “record” : { “Table” : { “value” :’ + obj[‘record’][‘Table’][‘value’] + ‘}}," **REQUEST\_TOKEN**":"’ + token + ‘" }’; // テーブル部分をリクエスト用JSONに組込み  
//-- end of snippet

テーブルの取り扱いは情報が少なかったですが、Tipやdocumentationの方にも情報が追加されていますので、参考にされてはと思います。

[https://cybozudev.zendesk.com/hc/ja/articles/200752984-%E3%83%AC%E3%82%B3%E3%83%BC%E3%83%89%E6%9B%B4%E6%96%B0%E3%81%AB%E3%81%8A%E3%81%91%E3%82%8B%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB%E6%93%8D%E4%BD%9C%E3%81%AE%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF](https://cybozudev.zendesk.com/hc/ja/articles/200752984-%E3%83%AC%E3%82%B3%E3%83%BC%E3%83%89%E6%9B%B4%E6%96%B0%E3%81%AB%E3%81%8A%E3%81%91%E3%82%8B%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB%E6%93%8D%E4%BD%9C%E3%81%AE%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF)

[https://developers.cybozu.com/ja/kintone-api/apprec-createapi.html](https://developers.cybozu.com/ja/kintone-api/apprec-createapi.html)

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1485](https://avatars.discourse-cdn.com/v4/letter/l/76d3ee/32.png) [@Legacy\_Account1485](https://community.cybozu.dev/u/Legacy_Account1485)\
**Post date:** [2014 年 5 月 6 日午前 6:21 UTC](https://community.cybozu.dev/t/topic/1702/5 "2014-05-06T06:21:27Z")

</div>

ありがとうございます。

戻り値のJSONに行を追加できました。

ただ、更新は全行値を指定しないといけないんですね。  
追加したオブジェクトをそのまま引数に渡せれば楽なんですけど。。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account](https://avatars.discourse-cdn.com/v4/letter/l/ba8739/32.png) [@Legacy\_Account](https://community.cybozu.dev/u/Legacy_Account)\
**Post date:** [2014 年 5 月 7 日午前 3:27 UTC](https://community.cybozu.dev/t/topic/1702/6 "2014-05-07T03:27:56Z")

</div>

大川さん

テーブル全体がいちフィールドという扱いから、このようになるんでしょうねぇ。ちょっと深くなるのが難点ですが・・・慣れると、これはこれでありかなぁとなってしまっています(^^;