html5链接IndexedDB数据库

caiselangren 2016-04-09

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 

<title>创建数据库和初始值</title> 

<script src="jquery-1.10.2.min.js"></script>

<script>

$(function () {

window.indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB;

if (!window.indexedDB) {

   alert("您的浏览器不支持indexedDB");

}

   //要新增的数据array

const customerData = [

 {name: "eileen", adress: "上海市", tel:"021" },

 {name: "brian", adress: "南京市", tel:"025" }

];

//打开数据库

    var req = window.indexedDB.open("MyDatabase");

    req.onsuccess = function (evt) {

      db = this.result;

      alert("openDb DONE");

    };

    req.onerror = function (evt) {

      alert("openDb:", evt.target.errorCode);

    };

//onupgradeneeded事件

    req.onupgradeneeded = function(event) { 

 var db = event.target.result;

 //创建objectStore

 var objectStore = db.createObjectStore("customer", { keyPath: "user_id", autoIncrement : true });

 objectStore.createIndex("name", "name", { unique: false });

 objectStore.createIndex("address", "address", { unique: false });

 objectStore.createIndex("by_tel", "tel", { unique: false });

 //新增数据到objectStore

 for (var i in customerData) {

objectStore.add(customerData[i]);

 }

};

})

</script>

</head>

<body>

</body>

</html>

相关推荐