時々社内ニートのメモ 目指せ非プログラマー

案件がない時は社内ニートなだけだよ (もう何でもごじゃれ c, c++, c#, VB, java, php, javascript, sql, html, css 他)

jQueryのajaxのレスポンス待ち中にページ遷移するとerrorになるのを何とか回避する方法

まず、題が何を言っているかというと

 

あるリクエストをjQueryの$.ajaxを使っている場合

そのレスポンスが帰ってくる前にページ遷移やブラウザのリロードをすると

error : function(xhr, type, errorThrown){

  alert("error");

}

を通ります。

ここでalert("error");が実行されてしまいます。

 

これは困ったね。どうやって回避したものか?

 

というものです。

 

typeがabortだったらいいのですが、ページ遷移時やリロードじはerrorのようです。

 

Google先生に聞いたところこんなページを発見しました。

jquery - handle ajax error when a user clicks refresh - Stack Overflow

 

answered Aug 19 '12 at 23:17

の奴がうまくいくようですね。

 

本当かな?

 

ちなみにbeforeunloadが対応していないブラウザはあるようです。

というか、私の調べではIE系は対応してるけどそれ意外は怪しい

window.onpagehide = function(){};

の中で処理してやるといいでしょう。

 

 

ということで、

IE系

window.onbeforeunload = function(){};

それ以外

window.onpagehide = function(){};

で、フラグをいじって

ajaxのerror時にそいつを見てやればページ遷移のときのエラーかどうかがわかるようですね。