Ajaxがタイムアウトした場合、その次の処理がわからない

Question

以下リンクを読み、Ajaxにタイムアウトを追加しました。

非同期通信（Ajax）をするときはタイムアウト処理を必ず入れてほしい（切実）
https://qiita.com/tonkotsuboy_com/items/d1b3cf45ae5135441f9b

しかし次の不整合で悩んでいます。

###フロントエンドとバックエンドの不整合
タイムアウトしたからといって、バックエンド（PHPとSQL）はDBにレコードINSERTを続けますし、それが成功すれば普通にフォロー情報はINSERT済となります。

しかしフロントエンドではalert('タイムアウトしました')のようなエラーを出して、<button>フォロー済</button>を<button>未フォロー</button>へと戻します。

つまりこの時点で、
・フロントエンドの「未フォロー」
・バックエンドの「フォロー情報INSERT済」
という不整合が生じると思います。

###質問事項

タイムアウトしたら、上記不整合をどうやって調整するのでしょうか？

まさかもう一度Ajaxを流して、「さっきのフォロー情報のレコードをDELETEせよ」とするのでしょうか？

Comments

[m.ts10806]

INSETとかDELATEとか気にされたほうが良いと思います。
書いたとおりにしかプログラムは動きませんし、文章中とはいえ、雑にやってしまうとコードに表れます。

[massuguda]

おおっと、大変失礼致しました。

[m.ts10806]

あと、実際に不整合がでるかどうか検証されたほうが良いかもしれません。

[hentaiman]

成功を前提に作ったプログラムは危険ですぞ。
テスト仕様書を作って細かくテストすれば自ずと対策も湧きそうなものですが。

Answer 1

クライアント側の見切りのtimeoutなのか、サーバー側のシステム的なtimeoutなのかによって違います。
たとえばjsで10秒でabortする仕組みにすると、なにも伝えなければサーバー側は
timeout後もせっせと処理をつづけます。
その場合api.php?timeout=10のように何秒間頑張れという指示をだしておきます

Comments

[yambejp]

あとはこんな感じ

$timeout=filter_input(INPUT_GET,'timeout',FILTER_VALIDATE_FLOAT)?:0;
$start = microtime(true);
$dsn = 'mysql:host=localhost; dbname=hoge;charset=utf8;';
$user = 'root';
$password = 'root';
$pdo = new PDO($dsn, $user,$password);
$pdo->beginTransaction();
$sql="INSERT INTO ・・・";
$stmt = $pdo->query($sql);
$end = microtime(true);
if($end-$start<$timeout){
$pdo->commit();
}

[yambejp]

ちゃんとやるならrollbackも明確に指示したほうがよいでしょう

[massuguda]

ありがとうございます。タイムアウト情報は、質問の

$.ajax({
type:"GET",
url:hogeURL,
cache: false,
timeout: 10000,
}).then(
successHandler,
errorHandler
);

だけでなく

$.ajax({
type:"GET",
url:hogeURL, // パラメータに '?timeout=10' を追加
cache: false,
timeout: 10000,
data: {timeout:10000}
}).then(
successHandler,
errorHandler
);

としたり

$.ajax({
type:"GET",
url:hogeURL,
cache: false,
timeout: 10000,
data:{timeout:10} // POSTに追加
}).then(
successHandler,
errorHandler
);

としたりでタイムアウトを送るわけですね。

そしてそれを受け取ったPHPでは $pdo->query($sql);の前後でmicrotimeで時間を測ると。

なるほどです。イメージできました。
rollback含めアドバイスありがとうございました。実装してみたいと思います。

[massuguda]

すると「PHPのmicrotime」は「JSから送るtimeout」と微妙に異なる（PHPの方が計測開始がやや遅くなる）わけですから、JSが質問のように100000ならば、microtimeは

if($end-$start<$timeout)
よりも微妙に（例えば1秒くらい）短くして

if($end-$start<($timeout-100000))
にした方がいい、とかあるでしょうか？

[yambejp]

注意：PHP側の$timeoutは秒単位の想定です
PHPについては$timeoutによって完了するかどうかなので
こまかい調整はさほど必要ではないような気がします。

当然ですがinsert処理がtimeoutして完了しないということは
その後再処理をしてもいつまでたってもデータ投入ができないということです
insertの処理について見直しが必要です

[massuguda]

遅くなり申し訳ございません。

注意の方ですが、$end = microtime(true);としていらっしゃいますから、秒でなくマイクロ秒ではないでしょうか？つまり先の返信のように、JSが質問のように100000ならば、if($end-$start<($timeout-100000)) では？と思うのですが、違いますか？

insert失敗の方ですが、データは投入せず、フロントで「投入できませんでした。あとでもう一回試してください」と表示するつもりですが、こういう処理であっていますよね？（普通こういう処理ですよね？）

[yambejp]

マイクロ秒同士の引き算は秒で返ってくるという意味です

$start=microtime(true);
sleep(2);
$end=microtime(true);
print $end-$start;

[massuguda]

なるほど！どうもありがとうございます。大変勉強になりました。