【Web】同一ページ内で更新される領域/更新されない領域を分割するアイデア

いつもお世話になっています。
「同一ページ内で更新される領域/更新されない領域を分割するアイデア」についてご教授願いたいです。

前提・実現したいこと

PythonのDjangoで簡単な計算ページを作成しています。
ある一枚のページのなかに二つのフォーム（A, B）があり、それぞれ別の計算をしています。
困っているのはAの計算をしたあと、Bの計算をすると、Aの計算結果が消えてしまう点です。

割とあるケースだとは思うのですが、対策がぱっとは思いつきませんでした。
これを保たせるにはどうしようかと考えています。

考えた・試した対策

①Djangoのviews.pyでゴリゴリと書く（失敗）
どうにかロジックを組んでゴリゴリ書く。
例えばA,Bどちらの計算ボタンを押しても両方の計算が行われるようにし、
過去に算出された実績があるかどうかで表示するかどうかを分岐させる。
→ そもそもフォームのリクエスト情報には該当フォームの情報しか乗らないため、計算できませんでした。

②HTML5のiframeを使う（検討中）
アプリのAとBとで別のHTMLにしてしまい、更新される際はそれだけ更新するようにする。
→ Djangoとの相性的に実現できるのか微妙（今から試すつもりです。）

③JavaScriptでどうにかする（検討中）
方法は分からないがJavaScriptを使えば何かいい感じにうまく行くのではないか？
→ これから調べます。何か良い方法をご存知でしたら教えてもらえると嬉しいです。

補足情報（FW/ツールのバージョンなど）

Python3.6.4
Django2.1
HTML5
CSS3

何かいい方法があればよろしくお願いします。

行動規範の内容に同意します

回答1件

ベストアンサー

Pythonには明るくないですがAjaxで解決できそうに思います。

投稿2018/09/24 03:44

m.ts10806

総合スコア80850

morinatsu

2018/09/24 13:05

ほぼ同意です。質問者さんの回答③。ブラウザ側のJavaScript上で解決するのが良いと思います。サーバ側の情報がないと計算できないなら、計算結果を返すAPIをDjangoで作り、それをJavaScriptでリクエストして結果を反映。サーバ側の処理(Django)だけでやろうとすると、ページ全書き換えで過去の入力・計算結果を含めて再現、みたいになるので割と大変です。特にフォーム数が追加可能だと地獄に。