客户端(浏览器端)数据存储技术概览

在客户端(浏览器端)存储数据有诸多益处，最重要的一点是能快速拜访(网页)数据。(以往)在客户端有五种数据存储办法，而今朝就只有四种常用办法了(个一一种被放弃了)：

Cookies
Local Storage
Session Storage
IndexedDB
WebSQL (被放弃)

应用 IndexedDB 在浏览器端存储数据比上述其它办法更复杂。在我们能创建/攫取/更新/删除任何数据之前，起首须要先打开数据库，创建我们须要的stores(类似于在数据库中创建一个表)。

Cookies

Cookies 是一种在文档内存储字符串数据最典范的方法。一般而言，cookies 会由办事端发送给客户端，客户端存储下来，然后在随后让请求中再发还给办事端。这可以用于诸如治理用户会话，追踪用户信息等工作。

此外，客户端也用应用 cookies 存储数据。因而，cookies 常被用于存储一些通用的数据，如用户的首选项设置。

Cookies 的根本CRUD 操作

经由过程下面的语法，我们可以创建，攫取，更新和删除 cookies:

// Create 
 
document.cookie = "user_name=Ire Aderinokun";   
 
document.cookie = "user_age=25;max-age=31536000;secure"; 
 
  
 
// Read (All) 
 
console.log( document.cookie ); 
 
  
 
// Update 
 
document.cookie = "user_age=24;max-age=31536000;secure"; 
 
  
 
// Delete 
 
document.cookie = "user_name=Ire Aderinokun;expires=Thu, 01 Jan 1970 00:00:01 GMT";

Cookies 的长处

能用于和办事端通信
当 cookie 将近主动过不时，我们可以从新设置而不是删除

Cookies 的缺点

增长了文档传输的负载
只能存储少量的数据
只能存储字符串
潜在的安然问题
自负年夜有 Web Storage API (Local and Session Storage)，cookies 就不再被推荐用于存储数据了

所有主流浏览器均支撑 Cookies.

Local Storage

Local Storage 是 Web Storage API 的一种类型，能在浏览器端存储键值对数据。Local Storage 因供给了更直不雅和安然的API来存储简单的数据，被视为替代 Cookies 的一种解决筹划。

大年夜技巧上说，尽管 Local Storage 只能存储字符串，然则它也是可以存储字符串化的JSON数据。这就意味着，Local Storage 能比 Cookies 存储更复杂的数据。

Local Storage 的根本CRUD 操作

经由过程下面的语法，我们可以创建，攫取，更新和删除 Local Storage:

localStorage.setItem('test',1); 
 
console.log(typeof localStorage.getItem('test'))  //"string" 
 
  
 
localStorage.setItem('test2',[1,2,3]); 
 
console.log(typeof localStorage.getItem('test2'))  //"string" 
 
console.log(localStorage.getItem('test2'))  //"1,2,3" 
 
  
 
localStorage.setItem('test3',{a:1,b:2}); 
 
	
			 1/5    1 2 3 4 5 下一页 尾页	
			

　　推荐阅读
　　军队创建干部健康体检信息管理新平台
            
            自本年4月起，全军各医疗机构将同一应用新版“部队干部健康体检信息治理体系”实施体检信息治理。记者获悉，该体检舷?容身部队医疗机构实际，为干部健康体检工作量身订制，是全>>>详细阅读


本文标题：客户端(浏览器端)数据存储技术概览
地址：http://www.17bianji.com/lsqh/34619.html
 1/2    1