基於javascript的COOkie的操作實作只能點一次_javascript技巧

我知道很多人在網站開發的時候其實需要這個功能的，就是控制使用者一直點頂什麼的！所以我在這裡簡單寫一下，基於javascript的COOkie的操作！

複製程式碼 程式碼如下:

//設定cookie
function setCookie(key, value) {
        document.cookie = key "=" escape(value);
}
//取得cookie的值
    function getCookie(key) {
        if (document.cookie.length) {
            var cookies = ' ' document.cookie;
            var start = cookies.indexOf(' ' key '=');
            if (start == -1) { return null; }
            var end = cookies.indexOf(";", start);
            if (end == -1) { end = cookies.length; }
            end -= start;
            var cookie = cookies.substr(start,end);
            return unescape(cookie.substr(cookie.indexOf('=') 1, cookie.length - cookie.indexOf('=') 1));
        }
        else { return null; }
    }   

然後給大家做個簡單的事例吧！就是

複製程式碼 程式碼如下:

//依點擊傳進來的id
function comment(id,is){
     if(getCookie(id)==null){
           setCookie(id,"www.widuu.com");
           alert("設定cookie成功");
       }else{
           if(getCookie(id)=="www.widuu.com"){
               alert("您已經評論了");
               return ;
        }
 //這裡是你自己的邏輯 透過ajax保存到資料庫的數值
}

這個功能雖然很簡單但是很實用，如果有需要的就拿去改下吧！截圖大家看下！

 

是不是實現了小夥伴們常需要的功能了？很簡單吧，有需要的朋友直接拿走使用吧。