ブラウザのタブ切り替え時のajax通信処理について

Question

下記のような、ごく普通のajax通信処理を記述しています。
通常時は正常に動作するのですが、新しくタブを開き、
またajax通信処理のあるページへ戻ってきたときに、ajax通信が失敗してしまいます。

更新ボタンを押せば直りますが、
どのような対策を施せば解決できるでしょうか？

var cliick = function(movie, total) {
		$.ajax({
			type: "POST",
			url: "/ajax/",
			data: {
				"ajax": "movie",
				"total": total
			},
			success: function(data, dataType) {
				swal("視聴が完了しました。", "", "success");
			},
			error: function(XMLHttpRequest, textStatus, errorThrown) {
				swal("視聴の計測に失敗しました。", "ページを再読み込みすると解決する場合があります。", "error");
			}
		});
}

Comments

[退会済みユーザー]

cliickはどのタイミングで実行されるのでしょうか？　また、タブとはブラウザのタブのことでしょうか？　そのブラウザは何で発生しているのでしょうか？ 当該ソースだけでは判断しかねます

[poooooo]

動画の再生ボタンを押すとイベント発火します。タブはブラウザのタブです。Firefoxを使っています。このケースでは動画再生ボタンになりますが、通常の要素に対しイベントを付与しても同様の現象が起きてしまいます。

[Lhankor_Mhy]

補足願います。『またajax通信処理のあるページへ戻ってきたとき』の「戻る」とはどういう意味でしょうか。ブラウザバックですか？

[poooooo]

ここでの表記では、切り替えたブラウザタブからまた戻ってきたという意味での「戻る」でしたが、ブラウザバックでも同様の現象が起きるようでした。どちらも改善できたら幸いです。

[poooooo]

補足です。↑わかりにくかったかもしれません。ブラウザ上にタブAとタブBという2つのタブを開いていたとして、タブAでajax通信を行いたいです。タブAだけ開いているときは通常通り通信成功しますが、タブBを閲覧してから、タブAに戻りajax通信処理を実行するとエラーになります。

Answer 1

すみません、解決しました。
PHP側で自分で作成したトークンが原因でした。