Ajax中にページ更新する際の注意点

Ajax中にページ更新する際の注意点 Ajaxで通信中にF5などを押してページをリロードすると通信エラーが帰ってきます。 詳しくは調べていませんが、どうもFirefoxでの挙動のようです。 参考：FirefoxでAjax中にF5押したとき « pocketo.net blog このサイトのようにAjaxのXMLHttpRequestをabort()で中断すれば、この問題は解決できます。 var xhr = $.ajax( {....}) $( document ).bind( 'beforeunload', function() { xhr.abort(); } ); ただ、通信の数が多い場合は、毎回設定するのは少し面倒。 そういう場合は、以下のように設定しておくとjQueryでajaxを使うと自動でabort()を設定してくれます。 $("body").bind("ajaxSend",

[monjudoh]

この記事を見て気になったのでjQuery1.3.2のソースを読んでみたところ、Ajaxで何かやる度にそれ用のcustom eventをtriggerしているようだ。

[hisasann]

「Attach a bunch of functions for handling common AJAX events」

[tksthdnr]

FireFoxのF5対策

[wozozo]

リロード

[youthhr]

xhr.abort()