您現在的位置是:電腦技術吧?>? 編程技術 ??>??session的存儲方式,session幾種存儲方式??>??正文詳情

session的存儲方式,session幾種存儲方式

喻璇子2019-11-14 01:31:08 人圍觀
簡介session存儲數據因此,session storage不是持久的本地存儲,而是會話級存儲。local storage用于持久本地存儲。除非數據被主動刪除,否則數據永遠不會過期I.session的值存儲在哪里

因此sessionStorage不是一種持久化的本地存儲,僅僅是會話級別的存儲。

而localStorage用于持久化的本地存儲,除非主動刪除數據,否則數據是永遠不會過期的。

  一、web storage和cookie的區別  Web Storage的概念和cookie相似,區別是它是為了更大容量存儲設計的。

Cookie的大小是受限的,并且每次你請求一個新的頁面的時候Cookie都會被發送過去,這樣無形中浪費了帶寬,另外cookie還需要指定作用域,不可以跨域調用。

  除此之外,Web Storage擁有setItem,getItem,removeItem,clear等方法,不像cookie需要前端開發者自己封裝setCookie,getCookie。

  但是Cookie也是不可以或缺的:Cookie的作用是與服務器進行交互,作為HTTP規范的一部分而存在 ,而Web Storage僅僅是為了在本地存儲數據而生(來自@otakustay 的糾正)  二、html5 web storage的瀏覽器支持情況  瀏覽器的支持除了IE7及以下不支持外,其他標準瀏覽器都完全支持(ie及FF需在web服務器里運行),值得一提的是IE總是辦好事,例如IE7、IE6中的UserData其實就是javascript本地存儲的解決方案。

通過簡單的代碼封裝可以統一到所有的瀏覽器都支持web storage。

  要判斷瀏覽器是否支持localStorage可以使用下面的代碼:  復制代碼  代碼如下:  if(window.localStorage){  alert(瀏覽支持localStorage)  }  else  {  alert(瀏覽暫不支持localStorage)  }  //或者 if(typeof window.localStorage == 'undefined'){ alert(瀏覽暫不支持localStorage) }  三、localStorage和sessionStorage操作  localStorage和sessionStorage都具有相同的操作方法,例如setItem、getItem和removeItem等  localStorage和sessionStorage的方法:  setItem存儲value  用途:將value存儲到key字段  用法:.setItem( key, value)  代碼示例:  復制代碼  代碼如下:  sessionStorage.setItem(key, value);  localStorage.setItem(site, js8.in);  getItem獲取value  用途:獲取指定key本地存儲的值  用法:.getItem(key)  代碼示例:  復制代碼  代碼如下:  var value = sessionStorage.getItem(key);  var site = localStorage.getItem(site);  removeItem刪除key  用途:刪除指定key本地存儲的值  用法:.removeItem(key)  代碼示例:  復制代碼  代碼如下:  sessionStorage.removeItem(key);  localStorage.removeItem(site);  clear清除所有的key/value  用途:清除所有的key/value  用法:.clear()  代碼示例:  復制代碼  代碼如下:  sessionStorage.clear();  localStorage.clear();  四、其他操作方法:點操作和[]  web Storage不但可以用自身的setItem,getItem等方便存取,也可以像普通對象一樣用點(.)操作符,及[]的方式進行數據存儲,像如下的代碼:  復制代碼  代碼如下:  var storage = window.localStorage; storage.key1 = hello;  storage[key2] = world;  console.log(storage.key1);  console.log(storage[key2]);  五、localStorage和sessionStorage的key和length屬性實現遍歷  sessionStorage和localStorage提供的key()和length可以方便的實現存儲的數據遍歷,例如下面的代碼:  復制代碼  代碼如下:  var storage = window.localStorage;  for (var i=0, len = storage.length; i len; i )  {  var key = storage.key(i);  var value = storage.getItem(key);  console.log(key = value);  }  六、storage事件  storage還提供了storage事件,當鍵值改變或者clear的時候,就可以觸發storage事件,如下面的代碼就添加了一個storage事件改變的監聽:  復制代碼  代碼如下:  if(window.addEventListener){  window.addEventListener(storage,handle_storage,false);  }  else if(window.attachEvent)  {  window.attachEvent(onstorage,handle_storage);  }  function handle_storage(e){  if(!e){e=window.event;}  }storage事件對象的具體屬性如下表: Property Type Description key String The named key that was added, removed, or moddified oldValue Any The previous value(now overwritten), or null if a new item was added newValue Any The new value, or null if an item was added url/uri String The page that called the method that triggered this change

版權聲明:本文由 喻璇子 整理編輯。

原標題:session是怎么存儲的,session存儲

轉載注明出處:http://www.dn9ww09s.icu/program/12005.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 電腦沒聲音了怎么解決,電腦不出聲音怎么解決

    電腦沒聲音了怎么解決,電腦不出聲音怎么解決 相關圖片電腦的聲音怎么打開電腦里沒有聲音怎么了?這個問題一定會困擾許多朋友。因為電腦里沒有聲音,很多網友認為有必要重新安裝電腦系統來解決這個問題。事實上,這是費時費力的。...

  • 筆記本電腦怎樣設置桌面圖標,怎么修改我的電腦圖標

    筆記本電腦怎樣設置桌面圖標,怎么修改我的電腦圖標 相關圖片怎么更改電腦程序圖標更改桌面圖標可以使您的桌面更加個性化。您可以將其更改為計算機上的原始圖標。你只需要改變它。您還可以在Internet上搜索一些圖標,下載您喜愛的圖片,然后...

  • html5獲取地理位置,html5顯示地理位置

    html5獲取地理位置,html5顯示地理位置 相關圖片html5精確位置代碼如下:/**以下是HTML5代碼。獲取地理位置*/function Get location(){//檢查瀏覽器是否支持地理位置if(navigator)。html5地理位置偏差...

  • 不重裝系統怎么分區,重裝系統分區教程

    不重裝系統怎么分區,重裝系統分區教程 相關圖片重裝系統硬盤分區相信很多朋友都遇到過重新安裝系統沒有分區的問題,那么在系統找不到分區的情況下,如何解決這個問題呢?小編還遇到了系統在重裝系統中找不到分區的問題,目...

  • 網頁有哪幾部分組成,什么是網頁

    網頁有哪幾部分組成,什么是網頁 相關圖片網頁的基本內容和構成網頁中的信息主要是文本。在網頁中,可以按字體、大小、顏色、底紋、邊框等設置文本屬性。此處所指的文本是文本的文本,而不是圖片中的文本。在網頁制作...

  • 好的筆記本電腦推薦,筆記本電腦哪個好用

    好的筆記本電腦推薦,筆記本電腦哪個好用 相關圖片筆記本電腦推薦對于小白來說,難點在于不知道什么樣的預算能滿足需求,什么樣的性能參數能滿足需求,什么樣的電腦才是性價比高的?哪個品牌比較好,應該購買哪個渠道?要解決...

  • ssd是固態硬盤嗎,m.2固態硬盤比ssd快嗎

    ssd是固態硬盤嗎,m.2固態硬盤比ssd快嗎 相關圖片英睿達ssd固態硬盤相信很多朋友慢慢了解并開始使用SSD,它的速度和節能功能勢必會取代傳統的機械硬盤,那么如何安裝和使用SSD呢?有些用戶不知道如何使用SSD。這是一個詳細介紹S...

  • 即和即的區別,那和哪的區別

    即和即的區別,那和哪的區別 相關圖片二和倆的區別HTML5是HTML標準的下一個版本。雖然HTML5并沒有完全顛覆html4,但它們之間還是有一些區別的。請參閱http://dev.w3.org/html5/必須和必需的區別...

  • 如何用光盤重裝系統,光盤裝系統步驟圖解win7

    如何用光盤重裝系統,光盤裝系統步驟圖解win7 相關圖片u盤裝系統步驟圖解win7您想知道用CD重新安裝系統的最佳方法是什么嗎?雖然目前主流的是U盤系統,而不是CD-ROM系統,但還是有很多用戶更喜歡使用CD-ROM系統來重新安裝系統。有網友無需...

  • 表格寬度怎么調整,如何調整單元格的寬度和高度

    表格寬度怎么調整,如何調整單元格的寬度和高度 相關圖片單元格高度怎么設置默認情況下,表格的寬度和高度會根據內容自動調整。我們還可以手動設置桌子的寬度和高度。基本語法table width=value height=value語法說明excel表格高度怎么調...

熱評文章

  • win7電腦無法安裝軟件,很多軟件電腦無法安裝

    win7電腦無法安裝軟件,很多軟件電腦無法安裝 相關圖片電腦無法安裝應用程序最近,我看到一個用戶在貼吧上發帖。安裝計算機后,無法安裝某些軟件。我太無聊了,問我是否可以在上次安裝后關閉所有程序。我在等著用電腦。我的一些朋...

  • 新特性,Css3新特性

    新特性,Css3新特性 相關圖片es5新特性已經是2014年了。現在談論HTML5的新功能已經太遲了。然而,在介紹HTML5的書中很少看到這些,但是它們可以很容易地應用到自己的網站上。因此,特別介紹了DNHtml5新特性...

  • 0x0000007e藍屏代碼,0x000000be藍屏代碼

    0x0000007e藍屏代碼,0x000000be藍屏代碼 相關圖片電腦藍屏代碼0x0000001e在我們日常使用的電腦中,我們有時會遇到藍屏的情況,但藍屏產生的原因是多方面的。不同的原因導致不同的藍屏解決方案。藍屏代碼是顯示原因的,所以藍屏出...

  • html5提示框,html搜索框功能實現

    html5提示框,html搜索框功能實現 相關圖片html搜索框讓我們先看看它們的不同顯示,這里是Firefox的截圖:這里是chrome的截圖:您可以猜到您編寫的代碼肯定是不兼容的。不過,你會發現這很簡單。即使您是一個前端html怎么做搜...

  • 新固態硬盤裝系統教程,固態硬盤重裝系統教程

    新固態硬盤裝系統教程,固態硬盤重裝系統教程 相關圖片換固態硬盤要重裝系統嗎有用戶問小編,重裝系統固態硬盤的方法有哪些?實際上,有一個關于固態硬盤安裝的系統的圖片和文本教程非常簡單。win7重新安裝系統的固態硬盤有哪些圖片...

  • 電腦安全模式怎么解除,電腦安全模式怎么退出

    電腦安全模式怎么解除,電腦安全模式怎么退出 相關圖片電腦安全模式進不去如果計算機硬件驅動程序或網絡有問題,則必須轉到安全模式才能進行修復、刪除和其他操作。進入安全模式后,許多人知道如何操作。如何退出?恐怕我不太了解...

  • 什么是優化,優化應用對手機有沒有影響

    什么是優化,優化應用對手機有沒有影響 相關圖片對人員優化首先,我們應該對HTML5有一個大致的了解。HTML5是第五代W3C的核心語言,通常被稱為HTML代碼。這是HTML4.01的一個新變化,或者是為了彌補以前版本大數據能優化嗎...

  • wifi為什么連上不能用,wifi

    wifi為什么連上不能用,wifi 相關圖片wifi已連接不可上網有時,家里的WiFi顯示電腦已經成功連接并獲得了IP地址,但無法上網。計算機已重新啟動,網絡已重新連接,但Internet不可用。為什么WiFi不能連接到互聯網wifi連接上不...

  • 質量檢測的三個重要特性,檢測系統的特性

    質量檢測的三個重要特性,檢測系統的特性 相關圖片產品化學特性檢測服務HTML5和CSS3已經逐漸成為web前端開發的必備技能。在開發過程中檢查不同瀏覽器對HTML5和CSS3的支持是一件非常麻煩的事情。例如,我們需要檢查瀏覽器是檢測系統的...

  • 復制文件或文件夾出錯,文件無法復制粘貼

    復制文件或文件夾出錯,文件無法復制粘貼 相關圖片文件夾復制粘貼沒反應計算機無法復制、粘貼或剪切文件的問題,是計算機用戶經常遇到的問題,即復制后,粘貼時間為空。也就是說,此時,任何復制操作都將被忽略,因為它很忙。...

關注微信

变脸官网查询