成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

客戶端存儲(chǔ)——Cookie

BothEyes1993 / 1967人閱讀

摘要：如包含這個(gè)域名下面的所有子域，例子中是對(duì)應(yīng)的子域路徑指定域名中特定的路徑才能訪問失效時(shí)間指定停止向服務(wù)器發(fā)送的時(shí)間，如果沒有設(shè)置或者設(shè)置的是以前的時(shí)間，瀏覽器就在結(jié)束會(huì)話的時(shí)候刪除掉所有的值安全標(biāo)志只有使用協(xié)議才可以發(fā)送原生實(shí)現(xiàn)的增刪改查

Cookie

性質(zhì)

響應(yīng)時(shí)：服務(wù)器會(huì)設(shè)置set-Cookie字段返回給客戶端

請(qǐng)求時(shí)：瀏覽器會(huì)將值保存在請(qǐng)求域名對(duì)應(yīng)的cookie當(dāng)中進(jìn)行發(fā)送

限制

域名設(shè)置一個(gè)cookie以后，每次向這個(gè)域名發(fā)送請(qǐng)求時(shí)都會(huì)包含這個(gè)cookie

在同一域名下，本地存儲(chǔ)的cookie數(shù)量是有限的

構(gòu)成
舉例：Set-Cookie：name=value；expires=Mon，22-Jan-07 07:10:24 GMT；domain=.baidu.com; path=/; secure

名稱（name）：用來表示一個(gè)唯一確定的Cookie,進(jìn)行url編碼

值（value）：存儲(chǔ)在Cookie中的字符串值，進(jìn)行url編碼
ps:url編碼有三種方法

（1）escape/uescape:進(jìn)行unicode字符編碼與解碼
（2）encodeURI/decodeURI：對(duì)特殊字符不進(jìn)行編碼
（3）encodeURIComponent/decodeURIComponent:對(duì)特殊字符也會(huì)進(jìn)行編碼

域（domain）：表示哪個(gè)域名設(shè)置的Cookie，所有向這個(gè)域名發(fā)送的請(qǐng)求都會(huì)包含這個(gè)Cookie，可以是一個(gè)域名也可以是一個(gè)子域。如：baidu.com（包含這個(gè)域名下面的所有子域：www.baidu.com、im.baidu.com），例子中是對(duì)應(yīng)的子域

路徑（path）：指定域名中特定的路徑才能訪問cookie

失效時(shí)間（expires）：指定停止向服務(wù)器發(fā)送cookie的時(shí)間，如果沒有設(shè)置或者設(shè)置的是以前的時(shí)間，瀏覽器就在結(jié)束會(huì)話的時(shí)候刪除掉所有的cookie值

安全標(biāo)志（secure）：只有使用https協(xié)議才可以發(fā)送cookie

原生實(shí)現(xiàn)cookie的增刪改查

const CookieUtil = {
      get:function(name){
        const cookie = document.cookie;

        const cookieName = encodeURIComponent(name) + "=";
        const cookieStart = cookie.indexOf(cookieName);
        let cookieValue = null;

        if(start > -1){
            let cookieEnd = cookie.indexOf(";", cookieStart);

            if(cookieEnd === -1){
                  cookieEnd = cookie.length;
            }

            cookieValue = cookie.substring(cookieStart+cookieName.length, cookieEnd);
        }

        return cookieValue;
      },
      
      set:function(name, value, expires, domain, path, secure){
         let cookieText = encodeURIComponent(name) + "=" + encodeURIComponent(value);

         if(expires){
            cookieText += "; expires=" + expires.toUTCString();
         }

         if(domain){
            cookieText += "; domian=" + domain;   
         }

         if(path){
            cookieText += "; path=" + path;
         }

         if(secure){
             cookieText += "; secure";  
         }

         document.cookie = cookieText;
         console.log(document.cookie);
      },
      
      delete:function(name, domian, path, secure){
        this.set(name, "", new Date(0), domian, path, secure);
      }
}

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/93078.html

相關(guān)文章

  • cookie與session詳解

    摘要：所謂的無連接就是服務(wù)器收到了客戶端的請(qǐng)求之后，響應(yīng)完成并收到客戶端的應(yīng)答之后，即斷開連接。從而節(jié)省傳輸時(shí)間。協(xié)議對(duì)事務(wù)的處理沒有記憶能力。這種方式某種方面上講解放了服務(wù)器，但是卻不利于客戶端與服務(wù)器的連接。 session與cookie是什么? session與cookie屬于一種會(huì)話控制技術(shù).常用在身份識(shí)別，登錄驗(yàn)證，數(shù)據(jù)傳輸?shù)?舉個(gè)例子，就像我們?nèi)コ匈I東西結(jié)賬的時(shí)候，我們要拿出我...

    SwordFly 評(píng)論0 收藏0

  • 深入了解瀏覽器存儲(chǔ)--從cookie到WebStorage、IndexedDB

    摘要：優(yōu)異的性能表現(xiàn)，有一部分原因要?dú)w功于瀏覽器存儲(chǔ)技術(shù)的提升。是服務(wù)端生成，客戶端進(jìn)行維護(hù)和存儲(chǔ)。當(dāng)超過時(shí)，它將面臨被裁切的命運(yùn)。此外很多瀏覽器對(duì)一個(gè)站點(diǎn)的個(gè)數(shù)也是有限制的。存入讀取數(shù)據(jù)保存的數(shù)據(jù)，以鍵值對(duì)的形式存在。 前言 隨著移動(dòng)網(wǎng)絡(luò)的發(fā)展與演化，我們手機(jī)上現(xiàn)在除了有原生 App，還能跑WebApp——它即開即用，用完即走。一個(gè)優(yōu)秀的 WebApp 甚至可以擁有和原生 App 媲美的功...

    XGBCCC 評(píng)論0 收藏0

  • JavaWEB開發(fā)10——Cookie&Session

    摘要：會(huì)話技術(shù)是幫助服務(wù)器記住客戶端狀態(tài)區(qū)分客戶端會(huì)話技術(shù)從打開一個(gè)瀏覽器訪問某個(gè)站點(diǎn)，到關(guān)閉這個(gè)瀏覽器的整個(gè)過程，成為一次會(huì)話。會(huì)話技術(shù)就是記錄這次會(huì)話中客戶端的狀態(tài)與數(shù)據(jù)的。 一、會(huì)話技術(shù)簡(jiǎn)介1．存儲(chǔ)客戶端的狀態(tài)由一個(gè)問題引出今天的內(nèi)容，例如網(wǎng)站的購物系統(tǒng)，用戶將購買的商品信息存儲(chǔ)到哪 里？因?yàn)镠ttp協(xié)議是無狀態(tài)的，也就是說每個(gè)客戶訪問服務(wù)器端資源時(shí)，服務(wù)器并 不知道該客戶...

    Yujiaao 評(píng)論0 收藏0

  • 常用的本地存儲(chǔ)——cookie篇

    摘要：下面來看看常用的本地存儲(chǔ)。缺點(diǎn)不支持，低版本不支持，并且不支持查詢語言，簡(jiǎn)稱為，是在瀏覽器中保存結(jié)構(gòu)化數(shù)據(jù)的一種數(shù)據(jù)庫。它類似數(shù)據(jù)庫的結(jié)構(gòu)化數(shù)據(jù)存儲(chǔ)機(jī)制，代替了廢棄已久的，它能夠在客戶端存儲(chǔ)大量的結(jié)構(gòu)化數(shù)據(jù)，并且使用索引高效檢索的。 一、引言 隨著瀏覽器的處理能力不斷增強(qiáng)，越來越多的網(wǎng)站開始考慮將數(shù)據(jù)存儲(chǔ)在「客戶端」，那就不得不談?wù)劚镜卮鎯?chǔ)了。本地存儲(chǔ)的好處顯而易見，一是避免取回?cái)?shù)據(jù)前...

    leo108 評(píng)論0 收藏0

  • 很全很全的前端本地存儲(chǔ)講解

    摘要：正文開始三種本地存儲(chǔ)方式前言網(wǎng)絡(luò)早期最大的問題之一是如何管理狀態(tài)。這個(gè)特點(diǎn)很重要，因?yàn)檫@關(guān)系到什么樣的數(shù)據(jù)適合存儲(chǔ)在中。特點(diǎn)生命周期持久化的本地存儲(chǔ)，除非主動(dòng)刪除數(shù)據(jù)，否則數(shù)據(jù)是永遠(yuǎn)不會(huì)過期的。 最近一直在搞基礎(chǔ)的東西，弄了一個(gè)持續(xù)更新的github筆記，可以去看看，誠意之作（本來就是寫給自己看的……）鏈接地址：Front-End-Basics 此篇文章的地址：三種本地存儲(chǔ)方式 ...

    Cciradih 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<