Materialize / Flaskでタグ(chips)を配列でPOSTする方法

CSSフレームワークのMaterializeのChipsを使うと簡単にタグの実装ができて便利です。
投稿ページなどでchipsを実装し、それをサーバー(今回は簡易的にFlask)
にPOSTする方法のメモです。

クライアント側

// 流れ
// 1. chipsのDOM(例では.chips)からデータを取得
// 2. input type="hidden"にタグのデータを追加

var tagData = $('.chips').material_chip('data');
if (tagData.length > 0) {
  for (var i = 0; i < tagData.length; i++) {
    $('form').append('<input type="hidden" name="tags" value="' + tagData[i].tag + '" />');
  }
}

サーバー側

## Flask側
@app.route('/submit', methods=['POST'])
def submit():
    tags = request.form.getlist('tags') # tagsにタグが配列で入る
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account log in.