処理中で then がどのように呼び出されるのかを教えて下さい

流れを詳細に説明していきます。
2022年8月5日
ユーザー

同時進行で行われている部分もあるのかもしれませんが
処理の流れのイメージとてはこんな感じでしょうか?

  1. ユーザーがテキストボックスに入力して enter キーを押す

  2. 1のアクションにより JavaScript の submit イベントが発火、 fetch が実行されて入力値と token を取得する
    ただし DB 更新と json 設定はされてないので

.then(response => {
  return response.json();
})

の部分で false になりその先に進まない?

  1. PHP の processPost メソッドで add() が実行されて、 DB 更新、 ID 取得

  2. header('Content-Type: application/json'); により、送信先(設定先)を json に指定

  3. echo json_encode(['id' => $id]); により、 json に id を書き込み

  4. 今度は return response.json();true になるので(現時点では)コンソールに出力して終了

このような流れのイメージで合ってますでしょうか?

.then がどのように呼び出されるのかいまいちイメージ出来ないのでその辺りを教えて頂けると嬉しいです

( 2 の流れで呼び出されるのではなく 4 の header で呼び出される?)

ちなみに then の前の . (ドット)は何故つけるのでしょうか?
宜しくお願いします

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?

このレッスンの質問と回答(9)