閉じるボタン押下時に実行されないjavascriptがある

Question

閉じるボタンを押下されると、ajaxでデータ削除APIを実行する処理があるのですが、
かなりAPIが実行されずに確率でデータが削除されずに残ってしまってしまいます。

			$(window).one('unload', function(e){
				this.func_delete():
			});
			
			func_delete : function(){
				$.ajax({
					type : 'get',
					url  : '/test/delete_data',
				});				
			}

このajaxを確実に実行した上で、ウインドウを閉じるにはどうすればよいのでしょうか？
なお、chromeのデバッガでステップ実行すると、失敗することがないこともあり、
ajaxの処理が実行される前にウインドウが閉じられてしまうことがあるためなのかな？と予測しております。

ご教示のほど、宜しくお願いします。

Answer 1

unloadのイベントはreturn falseでキャンセルしておいて、
ajaxのsuccessなどでwindowを閉じたらどうですか？

Comments

[shi_ue]

あ、ちなみにスクリプトで開かれたwindow以外は閉じられません。確実に実行したいなら turbgraphics200 さんが言っているようにasync: falseがいいんですが、一応deprecated(非推奨)扱いですね。

[nata-de-Gollira]

ごめんなさい。コメント読む前にベストアンサー選らんでしまいました。。。
ご丁寧にありがとうございます。

Answer 2

$.ajaxが非同期実行だからです。$.ajaxにasync: falseを追加してみてください。

Comments

[nata-de-Gollira]

バッチリでした！