HTTP リクエストメソッド POSTでデータ送信後の処理について

Question

Flaskを使って、webで動くページを作りました。
テキストエリアに何か入力し、ボタンをクリックするとデータが追加され表示されるというだけのものです。

Python側の処理は次のようになっています。

from flask import Flask, request, render_template
import csv
import datetime


app = Flask(__name__)


def add_data(date, data):
    with open('test_data.csv', 'a', encoding='utf-8', newline='') as csv_file:
        csv_writer = csv.writer(csv_file)
        csv_writer.writerow([date, data])


def load_data():
    lst = []
    with open('test_data.csv', 'r', encoding='utf-8') as f:
        csv_reader = csv.reader(f)
        for d in csv_reader:
            lst.append(d)

    return lst

@app.route('/', methods=['GET', 'POST'])
def index():
    result = {}
    if request.method == 'POST':
        data = request.form.get('txt_area', '')
        if data:
            date = datetime.datetime.now().strftime('%Y-%m-%d %H:%M:%S')
            add_data(date, data)

    csv_data = load_data()
    csv_data.sort(reverse=True)
    date_list = []
    data_list = []
    for d in csv_data:
        date_list.append(d[0])
        data_list.append(d[1])
    result['date'] = date_list
    result['data'] = data_list

    loop_range = [i for i in range(len(csv_data))]
    result['range'] = loop_range

    return render_template('index.html', **result)

if __name__ == '__main__':
    app.run(debug=True)

何となくHTTPのリクエストメソッドについては理解できたのですが、まだいまいち完全に理解できていませんので質問させていただきました。
質問はタイトル通りPOSTメソッド実行後の処理についてです。

このページに接続があった場合は、次のような手順になると認識しています。

1. このページにリクエストが発生すると、上のPythonの処理が実行される。
2. Pythonの処理の結果を反映したHTMLファイルがGETメソッドによってブラウザ側（ユーザー）に渡される。
3. ユーザーのブラウザにHTMLが反映され表示される。

ここまでを実行すると、ページ側にフォームが表示されます。
フォームにデータを入力し送信するとデータがCSVファイルに書き込まれます。
上のGIFを見ていただいてわかる通り、フォームを送信すると同時にページ上に新たなデータが表示されます。

ここで疑問が生じました。
このPythonファイルの処理では、POSTメソッドの処理が実行した後にリダイレクトの処理を書いていないにも関わらず、なぜフォームで入力したデータが即座にページに反映されるのでしょうか？
私の認識では、リクエストメソッドのGETを行っていないのにも関わらずPOSTした後に新たなデータが即座に反映されるというのは違和感があります。
なぜならGETをしていないにも関わらず新たなHTMLの状態になるというのはおかしいと考えてしまうからです。

if request.method == 'POST':

のPOSTメソッド処理の最後に

return redirect('/')

を加えてリダイレクトし直すことで表示が更新されるなら納得できるのですが、リダイレクトしていないのに表示が更新されるのはなぜかわかりません。

一応もう一枚GIFがあります。

ここでネットワークを確認してみてもPOSTした後にGETのリクエストが発生しているようには見えません。
最初に接続した時にGETでページを読み込み、POSTした後にはPOSTのネットワークしか存在していません。

なぜGETせずにページの表示が更新されるのでしょうか？
ご教授いただければ幸いです。宜しくお願い致します。

Answer 1

ブラウザから投げられるのはPOST「リクエスト」です。サーバ上のpythonが返している(コード上ではrender_templateの結果をreturnしているあたりが一番近い)のが「レスポンス」です。この場合GETは関係ありません。

Comments

[keip]

hayataka2049さん
ご回答ありがとうございます。
なんとなく理解できた気がします。

GETそのものがページの情報を得ているわけではなく、実際にページの情報をブラウザ側が受け取るのは、GETをリクエストした後の「レスポンス」であって、別にGETでなくても、レスポンスがあれば、そのレスポンスした情報がブラウザ側に渡るため、表示も更新される。

という解釈で問題ないでしょうか？

[hayataka2049]

問題ないです。
HTTPはリクエストとレスポンスでセットになります。もしレスポンスがなければ、「サーバが応答していません」とか「接続できません」みたいなのがブラウザに出てくると思います(厳密ではない)。

[keip]

hayataka2049さん
リクエストとレスポンスはセットということなんですね。
とても勉強になりました。
疑問についても解決されました。
ありがとうございました！