js實現點擊瀏覽器的返回按鈕讓頁面刷新功能(防止購物車刪除產品點擊結算,重新後退到購物車刪除產品還在的情況)

<script type="text/javascript" src='{% static "js/jquery.cookie.min.js" %}'></script>
<script>
     $(function(){
        //這裏的first_vist可以是任意的值,反正我們是獲取不到這個值的。打印一下,發現獲取不到的cookie爲null
        $first=$.cookie('first_vist');
        if(!$first||$first=='null'||$first==null){
            //第一次進頁面,肯定是沒有cookie的,所以這裏設置cookie的值爲1,時間爲7天
            $.cookie('first_vist','1',{ expires: 7 });
        }else{
            //然後等下次回到頁面,肯定會取到cookie的值,然後我們就反其道而行,給cookie賦值爲null,同時刷新頁面
            $.cookie('first_vist',null);
            location.reload(true);
        }
    });
</script>

jquery.cookie.min.js:

鏈接地址:https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js

/*! jquery.cookie v1.4.1 | MIT */
!function(a){"function"==typeof define&&define.amd?define(["jquery"],a):"object"==typeof exports?a(require("jquery")):a(jQuery)}(function(a){function b(a){return h.raw?a:encodeURIComponent(a)}function c(a){return h.raw?a:decodeURIComponent(a)}function d(a){return b(h.json?JSON.stringify(a):String(a))}function e(a){0===a.indexOf('"')&&(a=a.slice(1,-1).replace(/\\"/g,'"').replace(/\\\\/g,"\\"));try{return a=decodeURIComponent(a.replace(g," ")),h.json?JSON.parse(a):a}catch(b){}}function f(b,c){var d=h.raw?b:e(b);return a.isFunction(c)?c(d):d}var g=/\+/g,h=a.cookie=function(e,g,i){if(void 0!==g&&!a.isFunction(g)){if(i=a.extend({},h.defaults,i),"number"==typeof i.expires){var j=i.expires,k=i.expires=new Date;k.setTime(+k+864e5*j)}return document.cookie=[b(e),"=",d(g),i.expires?"; expires="+i.expires.toUTCString():"",i.path?"; path="+i.path:"",i.domain?"; domain="+i.domain:"",i.secure?"; secure":""].join("")}for(var l=e?void 0:{},m=document.cookie?document.cookie.split("; "):[],n=0,o=m.length;o>n;n++){var p=m[n].split("="),q=c(p.shift()),r=p.join("=");if(e&&e===q){l=f(r,g);break}e||void 0===(r=f(r))||(l[q]=r)}return l};h.defaults={},a.removeCookie=function(b,c){return void 0===a.cookie(b)?!1:(a.cookie(b,"",a.extend({},c,{expires:-1})),!a.cookie(b))}});

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章