前端系列二十七：indexedDB跟同源策略

最新推荐文章于 2024-08-20 14:26:19 发布

WebYanXin

最新推荐文章于 2024-08-20 14:26:19 发布

阅读量989

点赞数

分类专栏：前端 vue 前端git 文章标签：前端

本文链接：https://blog.csdn.net/WebYanXin/article/details/122251989

版权

本文详细介绍了前端本地存储中的indexedDB，包括创建、插入和查询数据，强调其大容量和同域共享特性。同时，讨论了同源策略的重要性，解释了为何需要这一策略以及在无同源策略下Cookie的局限性。此外，文章还探讨了浏览器的同源策略、跨域问题及其解决方案，包括CORS和后端配置。

摘要由CSDN通过智能技术生成

local Storing:

存储 5M

indexedDB：

远远大于5M,如果有大量数据存储的话，建议存储在indexedDB

创建indexedDB：

var request = window.indexedDB.open('db',1)
如果没有db系统就会给我们自动创建一个,open为打开的意思

   var db;
   请求成功后会注册一个回调事件
   request.onsuccess = function( event ) {
   把db变量赋值为请求后面的结果
   db = request.result;
   console.log("数据库打开成功")
   }

onsuccess ：监听数据成功后的打开事件

request.onupgradeneeded = function (event) {
       db = event.target.result;
       var objectStore ;
       if( !db.objectStoreName.contains( 'person' ) ) {
   //createObjectStore 方法只能在onupgradeneeded 这个回调中使用
       objectStore = db.createObjectStore( 'person' , {
   keyPath: 'id'});
   }
console.log('person created')
   }
<