Python（Flask）のHTML IDからJSON dictを作成する

これは少しのデザインとハウツーの質問です。Python（Flask）のHTML IDからJSON dictを作成する

Flask/Jinjaによって生成されたページに<divs>という一連のものがあります。 divsは画像を表示し、idの値は2309201のような一意の数値です。また、htmlの値はnameです。

画像はdivの画像を削除することができるので、さらなる処理のために残りのdivのIDと他のキーだけをPythonに送って、Flask経由で送り返したいと思います。

1000以上のIDがあると仮定して、辞書を作成してPOST経由でFlaskに送信します。 JQuery/etcでこれらの要素のそれぞれについて辞書を構築するにはどうすればよいでしょうか？

<div class="custom_image" id="uique_number"></div>

をして、このクラスの後にフィルタリングし、アレイへのすべてのこれらのIDをプッシュ：

出典

2016-05-07 Jonathan Kennedy

デザインについては、データストアとしてhtmlを使用していますしばしば悪い習慣と考えられていたあなたのデータは、最初にリスト/オブジェクト形式になっているはずです。それから、それを連載するだけです。 – spectras

感謝のスペクトル - リスト/オブジェクト形式になっているはずですが、どういう意味ですか？もともとはdictとして保存されており、Jinjaテンプレートに渡されています。しかし、フロントエンドで編集可能なので、変更を確認する必要があります（つまり、改訂されたdictを返す）。これを達成するための最善の方法についてあなたが念頭に置いている例/技術はありますか？ –

私はあまりにも可能なアプローチを見ているだろう：1）HTMLでそれを保つが、HTMLページを読み込むとすぐにJSオブジェクトに解析するスクリプトを持っている。そこから、JSオブジェクトがメインリファレンスです、または2）htmlバージョンに加えて、またはその代わりにJSON形式のデータをページに埋め込みます（後者の場合、JSはそれがロードされます）。これを行う場合は、JSONを適切にエスケープするようにしてください。 – spectras

あなたはそれぞれのdivにclass要素を追加することができ

ids = []; 
$('.custom_image').each(function(){ 
    ids.push($(this).attr('id')); 
});

たぶん、より良い解決策があるが、これがうまくいくと私は確信しています:)

ピースYatekii

出典

2016-05-07 14:38:36 Yatekii

Python（Flask）のHTML IDからJSON dictを作成する

答えて

関連する問題