POSTリクエストの処理後はGETリクエストにリダイレクトさせましょうというお話です。
フロントに Vue.js や React を導入しておらず、バックエンドのみで HTML を返しているアプリケーションがあるとします。
そのようなアプリケーションでPOSTリクエストの処理後にそのままHTMLを返す実装をしたら、POSTリクエスト成功後にブラウザのリロードボタンを押すと、POSTリクエストを再度送信してしまうという問題が発生しました。
私がこの仕事を始めた時にはすでにフロントとバックエンドは別のフレームワークで構築するような時代だったので、非同期処理をしてページ更新をしない、1リクエストに対して1レスポンスを返すというアプリケーションのページ更新は意外と慣れていなかったのでその忘備録です。
ちなみにフレームワークは Django です。ECサイトのカートページを想定します。
<div class="remark-highlight"><pre class="language-python"><code class="language-python">class CartTemplateView(TemplateView):
 def get(self, request, *args, **kwargs):
 # カートの中身を取得
 self.get_cart()

 context = self.get_context_data(**kwargs)

 # HTML を返す
 return self.render_to_response(context=context)

 def post(self, *args, **kwargs):
 # カートの中身を更新
 self.update_cart()

 context = self.get_context_data(**kwargs)

 # HTML を返す
 return self.render_to_response(context=context)
</code></pre></div>
このような実装をしていたのですが、これは良くない例です。
POSTリクエストをうけて HTML レスポンスを受け取るとカートの内容が更新されています。成功のように見えます。
しかし、ブラウザでリロードしてみます。GET リクエストがされてカート内容の取得が行われるでしょうか?
行われません。直近で POST リクエストをしたので、リロードすると POST リクエストが再度送信されてカートの更新が行われてしまいます。
したいことは、カートを更新した後に読み込み直すとカートの内容を取得することです。
つまり、<code>def post</code>では
<div class="remark-highlight"><pre class="language-python"><code class="language-python">def post(self, *args, **kwargs):
 # カートの中身を更新
 self.update_cart()

 context = self.get_context_data(**kwargs)

 # HTML を返すのではなく GET リクエストにリダイレクトさせる
 return redirect("cart:index")
</code></pre></div>
このようにすべきです。
そうするとPOSTリクエストで更新処理をして、そのままGETリクエストでカートの内容を取得してそれをユーザーに表示することができます。
ユーザーは更新されたカート情報をGETリクエストで取得しているので、リロードしてもPOSTリクエストが再度送信されることはありません。
POST リクエストした後に違うページに遷移させる処理なら、そのまま redirect させるのは違和感がないのですが、同じページのHTMLを返すのにリダイレクトさせるのは違和感があったからのような気がします。
特に既存のプロジェクトに入っていったので、そのあたりを意識しないでも周りのコードを見ながら実装を進められたのかもしれません。
<h2 id="まとめ">まとめ<a aria-hidden="true" tabindex="-1" href="#まとめ"></a></h2>
GETリクエストに対してはHTMLを返す。
<div class="remark-highlight"><pre class="language-python"><code class="language-python">return self.render_to_response(context=context)
</code></pre></div>
POSTリクエストに対してはGETリクエストにリダイレクトさせる。
<div class="remark-highlight"><pre class="language-python"><code class="language-python">return redirect("cart:index")
</code></pre></div>

Tag: http