Comment puis-je détecter un rafraichissement de la page à l'aide de jquery?

Comment pourrais-je capturer le rechargement de la page de l'événement?

J'ai un système de messagerie qui perd toutes ses entrées lorsque l'utilisateur actualise la page. Je veux utiliser ajax pour re-remplir, d'où mon besoin de détecter le moment où la page a été actualisé/rechargé.

Vous pouvez trouver une solution ici: stackoverflow.com/questions/3699357/...

InformationsquelleAutor sisko | 2011-11-04

39
```
$('body').bind('beforeunload',function(){
   //do something
});
```
Mais cette habitude de sauver toute l'info pour plus tard, à moins que vous comptiez sur l'enregistrement que dans un cookie quelque part (ou de locaux de stockage) et la unload événement n'est pas toujours le feu dans tous les navigateurs.

Exemple: http://jsfiddle.net/maniator/qpK7Y/

Code:
```
$(window).bind('beforeunload',function(){

     //save info somewhere

    return 'are you sure you want to leave?';

});
```
- Pour l'enregistrement, il sera tiré à la page près.
- vous pouvez également enregistrer les infos de la page à l'aide de cette méthode. juste obtenir tous les commentaires déposés valeurs,de faire un datastring et ajouter de la fenêtre.emplacement.href="pagename?datastring" dans le beforeunload fonction
- Cela devrait-il être on et unload? api.jquery.com/unload -- aussi, permet-il de détecter F5 sous Firefox?
- Cette détecte également le bouton de retour, cliquez sur navigateur non seulement actualisation de la page.
InformationsquelleAutor Neal
14

si vous voulez bookkeep certains variable avant de l'actualisation de la page
```
$(window).on('beforeunload', function(){
    //your logic here
});
```
si vous voulez o charger le contenu de la base sur une condition
```
$(window).on('load', function(){
    //your logic here`enter code here`
});
```
InformationsquelleAutor Uzair

Tout le code est côté client, j'espère que vous affiner ce utile:

Première chose il y a 3 fonctions que nous allons utiliser:

    function setCookie(c_name, value, exdays) {
            var exdate = new Date();
            exdate.setDate(exdate.getDate() + exdays);
            var c_value = escape(value) + ((exdays == null) ? "" : "; expires=" + exdate.toUTCString());
            document.cookie = c_name + "=" + c_value;
        }

    function getCookie(c_name) {
        var i, x, y, ARRcookies = document.cookie.split(";");
        for (i = 0; i < ARRcookies.length; i++) {
            x = ARRcookies[i].substr(0, ARRcookies[i].indexOf("="));
            y = ARRcookies[i].substr(ARRcookies[i].indexOf("=") + 1);
            x = x.replace(/^\s+|\s+$/g, "");
            if (x == c_name) {
                return unescape(y);
            }
        }
    }

    function DeleteCookie(name) {
            document.cookie = name + '=; expires=Thu, 01-Jan-70 00:00:01 GMT;';
        }

Maintenant, nous allons commencer avec le chargement de la page:

$(window).load(function () {
 //if IsRefresh cookie exists
 var IsRefresh = getCookie("IsRefresh");
 if (IsRefresh != null && IsRefresh != "") {
    //cookie exists then you refreshed this page(F5, reload button or right click and reload)
    //SOME CODE
    DeleteCookie("IsRefresh");
 }
 else {
    //cookie doesnt exists then you landed on this page
    //SOME CODE
    setCookie("IsRefresh", "true", 1);
 }
})

Quand j'ai essayé cela, il a tiré le code de test pour la première charge de toutes les autres fois.

InformationsquelleAutor Arrabi

-1

Il y a deux événements côté client comme indiqué ci-dessous.

1. de la fenêtre.onbeforeunload (appels sur le Navigateur internet/onglet Fermer & Chargement de la Page)

2. de la fenêtre.onload (appels au Chargement de la Page)

Sur le Côté serveur

public JsonResult TestAjax( string IsRefresh)
    {
        JsonResult result = new JsonResult();
        return result = Json("Called", JsonRequestBehavior.AllowGet);
    }

Côté Client

JS:

 <script type="text/javascript">
    window.onbeforeunload = function (e) {
        
        $.ajax({
            type: 'GET',
            async: false,
            url: '/Home/TestAjax',
            data: { IsRefresh: 'Close' }
        });
    };

    window.onload = function (e) {

        $.ajax({
            type: 'GET',
            async: false,
            url: '/Home/TestAjax',
            data: {IsRefresh:'Load'}
        });
    };
</script>

Sur Le Navigateur Internet/Onglet À Proximité:
si l'utilisateur ferme le Navigateur ou l'onglet, puis la fenêtre.onbeforeunload le feu et IsRefresh de la valeur sur le côté serveur sera "Proche".

Sur "Rafraîchir" /F5:
Si l'utilisateur actualise la page, la première fenêtre.onbeforeunload le feu avec IsRefresh value = "Fermer" puis la fenêtre.onload le feu avec IsRefresh value = "Load", alors maintenant, vous pouvez déterminer à la fin que votre page est rafraîchissant.

InformationsquelleAutor Umar Shafeeq

Vous devez vous connecter pour publier un commentaire.