素のJavaScriptでFetchAPIを使うには
Ajaxで動的連動プルダウンリストを作れたのも束の間、form内で非同期処理が
行われていた場合に実行順序が保証されないので、Ajax処理が一旦完了しても
form全体のsubmitが発火しない問題が発生し、jQueryとAjaxを使わずに動的
連動プルダウンリストを作れないか方法を模索中(Φω|
jQuery最新で、メインスレッドでAsync: trueにするとエラーになるってとこまで
進んだがこれでは従来のjQuery+Ajaxを利用した方法では限界あるなーというところ。
Ajax含むsubmitが1つのform内に複数ある場合について調べてみたけど、全部情報を
予め持たせてタイミングで見えなくしたり見えるようにしたらいいという情報を
得たが、これサーバーにアクセスしてDBからデータを取ってきてってやると
リアルタイムには処理できなくて、__construct()であらかじめDBから取得した
データでリストを作って、親のプルダウンのIDによって切り替えるくらいしか
頭悪いので思い浮かばなかった。どうしてもAjaxにこだわるならね。
ってところだけど。
というわけで、素のJavaScriptでFetchAPIを使ったら似たようなことができるのか?
ってことについて調べたい。
とりあえず参考サイトまで。実装して動作確認したら手順についても載せる。
ただし、Ajaxと同じことが可能となるだけで、実行順序が保証されないのであれば
form内で複数のsubmitが確実に発火するという保証がない訳ではないが。
[参考サイト]