javascript - ページのアンロード時に $.ajax 呼び出しを停止する

Question

バックグラウンドでデータをロードするために、タイムアウト時に実行するプロシージャがあります。

(function getSubPage() {
    setTimeout(function() {
        if (cnt++ < pagelist.length) {
            loadSubPage(pagelist[cnt]);
            getSubPage();
        }
    }, 500);
})();

loadSubPage()私は電話をかけてい$.ajax()ます：

function loadSubPage(page) {
    if (typeof(initSubPages[page]) === "undefined") {
        $.ajax({
            type: "POST",
            url: '/Main/GetPageData',
            data: { page: page },
            success: function (returndata) {
                // ...
            },
            error: function() {
                alert("Error retrieving page data.");
            }
        });
        initSubPages[page] = true;
    }
}

私が抱えている問題はerror、ajax リクエストが開いている場合、ユーザーが離れたときにハンドラーがヒットすることです。.stop()でリクエストを送信することでこれを回避しようとしていますがwindow.onbeforeunload、どのオブジェクトを呼び出すべきかわかりません.stop()。

Answer 1

jQueryはXMLHttpRequestオブジェクトのabortメソッドを公開するため、このメソッドを呼び出してリクエストをキャンセルできます。オープンリクエストを変数に保存して、を呼び出す必要がありますabort()。

activeRequest = $.ajax({...

そしてそれを止めるために

activeRequest.abort()

Answer 2

関数を持つ$.ajaxリターン。この関数は、要求が完了する前に要求を停止します。XMLHTTPRequestObject.abort

var xhr = $.ajax({ /*...*/

..
..
/* Later somewhere you want to stop*/
xhr.abort();

続きを読む： jQuery AJAXリクエストをキャンセル/中止する方法は？

Answer 3

jQueryを使用してAjaxリクエストを中止する

これは便利なはずです..あなたはまさにそれを行うためのjQueryメソッドを持っています。

Answer 4

フィードバックに基づいて使用したソリューションは次のとおりです。

window.onbeforeunload = function() {            
    for (page in ajaxing) {
        if (ajaxing[page] != null)
            ajaxing[page].abort();
    }
};

var ajaxing = {};

function loadSubPage(page) {
    if (typeof(initSubPages[page]) === "undefined") {
        var ajaxRequest = $.ajax({
            type: "POST",
            url: '/Main/GetPageData',
            data: { page: page },
            success: function (returndata) {
                 // ...
            },
            error: function() {
                alert("Error retrieving page data.");
            },
            complete: function() {
                ajaxing[lot] = null;
            }
        });
        ajaxing[page] = ajaxRequest;
        initSubPages[page] = true;
    }
}