Javascriptでの直列処理

Question

Ajax通信を直列で行いたくPromise辺りが適しているとは思うのですが、どうも違うようで困っています。

通信処理はボタンが押された際に発火するとし以下のような関数で受け取ります

function Fire(){
 $.ajax({
 }).done(function( data ) {});
}

このFire関数はボタンが押されるたびに実行されます

ボタンを連打した際にリクエストを蓄積し、前回の通信終了が検知出来たら蓄積されたリクエストを送信するような実装を考えているのですが、何かいい方法は有りませんでしょうか？

Answer 1

https://ja.m.wikipedia.org/wiki/キュー_(コンピュータ)

リクエストを先ずはキューに貯めて、リクエスト処理する所で随時キューを一件づつ処理したい。って事ですか？

Comments

[oikashinoa]

もし↑なら javascript queue や キューイングで調べると色々有りますよ。

日本人が作ったのも有りましたのでそちらを使っても良いかと。

Answer 2

逐次処理といいます。
http://azu.github.io/promises-book/#promise-sequence

(2018/10/05 12:37追記)
配列化すれば、oikashinoaさんが提案されているようなキュー管理が可能、という意味です。
「Promiseの本」で紹介されているコードから、目的のものを組み上げることは可能と判断しました。

Re: HiruLow さん

Comments

[oikashinoa]

おぉ、promiseわかってないです。

ユーザー起因の不特定な数&タイミングの処理をキューのように随時追加してもokって事ですか？よく読んでみます。

Answer 3

これはひとつの案なのですが、

ボタン連打を許可する時間(次のボタン押下を認識させる時間)にもよるとは思いますが、都度実行するのではなく、押された回数を変数に蓄積しておき、setTimeOutなどで定期実行して溜まった回数分ループして実行させてはいかがでしょうか？

実行中はフラグをたてて置いて重複しないように切り替えるとか工夫は必要かと思いますが。

ただ、連打で押した任意の回数分、通信が発生する作りはあまり良いとは言えませんね…。ボタンの押下の間隔とか、回数とか何かしら制限はもうけた方が良いように思います。