Fenster.onbeforeunload ajax-request in Chrom

Ich habe eine web-Seite, die Griffe, remote-Steuerung einer Maschine durch Ajax. Wenn der Benutzer navigiert Weg von der Seite, ich würde gerne automatisch trennen Sie es von der Maschine. So hier ist der code:

window.onbeforeunload = function () {
  bas_disconnect_only();
}

Dem abschalten der Funktion senden Sie einfach eine HTTP-GET-request auf eine PHP-server-Seite Skript, das macht die eigentliche Arbeit zu trennen:

function bas_disconnect_only () {
   var xhr = bas_send_request("req=10", function () {
   });
}

Dies funktioniert gut in FireFox. Aber mit Chrome, der ajax-request nicht gesendet wird, an alle. Es ist inakzeptabel Problemumgehung: Hinzufügung Warnung an die callback-Funktion:

function bas_disconnect_only () {
   var xhr = bas_send_request("req=10", function () {
     alert("You're been automatically disconnected.");
   });
}

Nach dem hinzufügen der alert-Aufruf, der Antrag wäre erfolgreich gesendet. Aber wie Sie sehen können, es ist nicht wirklich eine Arbeit um überhaupt.

Könnte jemand mir sagen, ob das machbar ist mit Chrome? Was ich mache, sieht das völlig legitim für mich.

Dank,

Wo ist der "bas_send_request" - Funktion?
Spitzen: bas_send_request() ist ein einfacher wrapper, erstellen Sie eine ajax-Anfrage aus und senden Sie es. Ich glaube nicht, dass es notwendig zu zeigen, dass die Art von detail.

InformationsquelleAutor lang2 | 2011-02-09

  1. 40

    Ich hatte das gleiche problem, wo Chrome war nicht das senden der AJAX-Anfrage an den server im Fenster.unload-Ereignis.

    Ich war nur in der Lage, um es zu arbeiten, wenn die Anfrage synchron. Ich war in der Lage, dies zu tun mit Jquery und Einstellung der async Eigenschaft false:

    $(window).unload(function () {
   $.ajax({
     type: 'GET',
     async: false,
     url: 'SomeUrl.com?id=123'
   });
});

    Der obige code funktioniert bei mir im IE9, Chrome 19.0.1084.52 m, und Firefox 12.

    Bitte Lesen Sie die aktualisierte Antwort von @Mohoch unten. Es gibt eine aktualisierte Antwort spiegelt browser-änderungen.
    Bitte beachten Sie, dass die synchrone ajax-Aufrufe nicht empfohlen. Wenn ich mich Recht erinnere, moderne Browser zeigen eine Warnung in der Konsole, wenn dabei die sync-ajax.
    Die Lösung hat nicht funktioniert. Es funktioniert nur jeder einmal in eine Weile.

    InformationsquelleAutor Garry English

  2. 64

    Dies ist relevant für die neueren Versionen von Chrome.

    Wie @Garry Englisch sagte, senden Sie eine async Anfrage während Seite onunload wird nicht funktionieren, da der browser die töten, den thread vor dem Absenden der Anfrage. Senden Sie eine sync Anfrage sollte aber funktionieren.

    Diese war rechts, bis version 29 von Chrome, aber Chrome V 30 es plötzlich aufgehört zu arbeiten wie hier angegeben.

    Es scheint, dass der einzige Weg, dies zu tun, ist heute mithilfe der onbeforeunload Veranstaltung wie hier vorgeschlagen.

    ABER Achtung: andere Browser werden nicht zulassen, Sie senden von Ajax-Anfragen in das onbeforeunload-Ereignis überhaupt. also, was Sie tun müssen ist, führen Sie die Maßnahmen in beiden entladen und beforeunload, und überprüfen Sie, ob es bereits stattgefunden hatte.

    Etwas wie dieses:

    var _wasPageCleanedUp = false;
function pageCleanup()
{
    if (!_wasPageCleanedUp)
    {
        $.ajax({
            type: 'GET',
            async: false,
            url: 'SomeUrl.com/PageCleanup?id=123',
            success: function ()
            {
                _wasPageCleanedUp = true;
            }
        });
    }
}


$(window).on('beforeunload', function ()
{
    //this will work only for Chrome
    pageCleanup();
});

$(window).on("unload", function ()
{
    //this will work for other browsers
    pageCleanup();
});
    onbeforeunload-sync-Anforderung fehlschlagen, zu...
    wenn Sie mehr details, vielleicht könnten wir versuchen und helfen. Was genau scheitert? heißt es-ata? sind Sie sicher, dass Ihre Anfrage ist synchron?
    es auf der offiziellen Dune Website funktioniert nicht mehr. Ich vermute, dass eine neue Version von chrome, die ein problem aber ich kann nicht sagen, für sicher, bis ich weiß, einige weitere tests. Ich bin mit einem Rahmen, es ist eine boolean zu setzen, der ajax-Aufruf zu synchronisieren und es funktioniert sehr gut, alle über die software, außer in der onbeforeunload-Ereignis des Fensters. (Netzwerk-Fehler ausgelöst)
    es gibt ein Beispiel in der Antwort selbst, mit onunload und onbeforeunload. Sie können auch sehen, dieser Seite für weitere Erläuterungen und Beispiele. Wenn ich bin fehlt etwas in dir Frage, bitte fühlen Sie sich frei, zu erarbeiten, so kann ich sagen, genau das problem.
    Toll. Sie konnte nur schreiben ... .auf('unload beforeunload', ... und pack die Funktion direkt dort können Sie nicht?

    InformationsquelleAutor Mohoch

  3. 17

    Kasse die Navigator.sendBeacon() Methode wurde für diesen Zweck gebaut.

    Den MDN-Seite sagt:

    Den navigator.sendBeacon () - Methode kann verwendet werden, um asynchron
    transfer kleine HTTP-Daten aus dem User-Agent auf einem web-server.

    Diese Methode behebt die Bedürfnisse der Analytik und Diagnostik-code,
    in der Regel versuchen, senden von Daten an einen web-server vor dem entladen
    in dem Dokument. Das senden der Daten früher, kann zur Folge verpasst
    Möglichkeit um Daten zu sammeln. Allerdings sicherstellen, dass die Daten schon
    gesendet während der Entladung ein Dokument ist etwas, das
    traditionell schwierig für Entwickler.

    Dies ist ein relativ neuer API und scheint nicht unterstützt zu werden vom IE noch nicht.

    Beachten Sie, dass einige ad-Blocker (wie uBlock Herkunft) block-Navigator.sendBeacon sich ein Gefühl von tracking-Prävention. Ihre app kann sich nicht darauf berufen, es überhaupt als ein Ergebnis.

    InformationsquelleAutor Sparky

  4. 3

    Versuchen Sie, erstellen eine variable (Boolean vorzugsweise) und es zu ändern, sobald Sie eine Antwort bekommen von der Ajax-Aufruf. Und setzen Sie die bas_disconnect_only() Funktion innerhalb einer while-Schleife.
    Ich hatte auch ein problem wie dieses mal. Ich denke, das passiert, weil Chrom nicht warten, für den Ajax-call. Ich weiß nicht, wie ich es behoben und ich habe nicht versucht diesen code aus, also ich weiß nicht, ob es funktioniert. Hier ist ein Beispiel:

    var has_disconnected = false;
window.onbeforeunload = function () {
    while (!has_disconnected) {
        bas_disconnect_only();
        //This doesn't have to be here but it doesn't hurt to add it:
        return true;
    }
}

    Innen die bas_send_request() Funktion (xmlhttp wird die HTTP-Anfrage):

    xmlhttp.onreadystatechange = function() {
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
        has_disconnected = true;
}

    Glück und ich hoffe, das hilft.

    Danke für die Antwort. Das sieht einen Versuch Wert. Aber ich habe zu finden eine andere Lösung, die nicht erforderlich ist, den client zu trennen. Vielen Dank an alle die gleiche.

    InformationsquelleAutor Metod Medja

  5. 0

    Hatte ich auf jede Fälle, wenn die Benutzer verlassen die Seite und schicken ajax-request backend.

    var onLeavePage = function() {
    $.ajax({
        type: 'GET',
        async: false,
        data: {val1: 11, val2: 22},
        url: backend_url
    });
};

/**
 * Track user action: click url on page; close browser tab; click back/forward buttons in browser
 */
var is_mobile_or_tablet_device = some_function_to_detect();
var event_name_leave_page = (is_mobile_or_tablet_device) ? 'pagehide' : 'beforeunload';
window.addEventListener(event_name_leave_page, onLeavePage);

/**
 * Track user action when browser tab leave focus: click url on page with target="_blank"; user open new tab in browser; blur browser window etc.
 */
(/*@cc_on!@*/false) ?  //check for Internet Explorer
    document.onfocusout = onLeavePage :
    window.onblur = onLeavePage;

    Bewusst sein, dass die Veranstaltung "pagehide" Feuer im desktop-browser, aber es hat nicht ausgelöst, wenn Benutzer klicken Sie auf die zurück/vorwärts-Schaltflächen im browser (test in der aktuellen version von Mozilla Firefox).

    InformationsquelleAutor sNICkerssss

  6. 0

    Ich habe die Suche nach einer Art, in der das verlassen der Seite wird erkannt und mit AJAX Anfrage. Es funktionierte, wie jedes mal, wenn ich es verwenden, und überprüfen Sie es mit MySQL. Dies ist der code (funktioniert in Google Chrome):

        $(window).on("beforeunload", function () {
        $.ajax({
             type: 'POST',
             url: 'Cierre_unload.php',
             success: function () {
             }
        })
    })

    InformationsquelleAutor Xabier Aparicio Muñoa

Schreibe einen Kommentar