study-js-bom-dom
/
08-indexedDB.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
	</body>
	<script>
		var openRequest = window.indexedDB.open("test", 1);
		var db;
		openRequest.onupgradeneeded = function(event) {
			db = event.target.result;

			var objectStore = db.createObjectStore('person', { keyPath: 'id' });
			// var objectStore;
			// if (!db.objectStoreNames.contains('person')) {
			// 	objectStore = db.createObjectStore('person', {
			// 		autoIncrement: true
			// 	});
			// }
			// objectStore.createIndex('name', 'name', {
			// 	unique: false
			// });
			// objectStore.createIndex('email', 'email', {
			// 	unique: true
			// });
			console.log("Upgrading...");
		}
		openRequest.onsuccess = function(e) {
			console.log('Success!');
			db = openRequest.result;
		}
		// openRequest.onerror = function(e) {
		// 	console.log('Error');
		// 	console.log(e);
		// }

		function add() {
			var request = db.transaction(['person'], 'readwrite')
				.objectStore('person')
				.add({
					id: 1,
					name: '张三',
					age: 24,
					email: 'zhangsan@example.com'
				});

			request.onsuccess = function(event) {
				console.log('数据写入成功');
			};

			request.onerror = function(event) {
				console.log('数据写入失败');
			}
		}

		// add();
		setTimeout(()=>{
			add();
		},5000)
	</script>
</html>