indexedDB.deleteDatabase()

admin發表於2019-09-18
IndexdeleteDatabase

此方法可以刪除指定名稱的indexedDB資料庫。

一個非同步操作，返回值是IDBOpenDBRequest型別物件。

關於indexedDB資料非同步操作介紹可以參閱IndexedDB 非同步API概述一章節。

語法結構：

[JavaScript] 純文字檢視 複製程式碼
let request = indexedDB.deleteDatabase(name);

引數解析：

（1）.name：將要被刪除的資料庫名稱。

程式碼例項如下：

通過瀏覽器也可以手動刪除指定的indexedDB資料庫。

暫且不管其他瀏覽器，下面僅介紹一下谷歌瀏覽器下如何手動刪除資料庫。

進入控制檯，點選Application選項卡，在右側找到對應名稱的indexedDB資料庫：

aid[3498]

然後再點選右側的DeleteDatabase按鈕即可刪除對應的資料庫。

下面再介紹一下通過程式碼刪除上述資料庫，程式碼如下：

[HTML] 純文字檢視 複製程式碼執行程式碼
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script>
let delRequest = indexedDB.deleteDatabase("antzone");
delRequest.onerror = function(event) {
  console.log("刪除失敗");
};
delRequest.onsuccess = function(event) {
  console.log("刪除成功");
};
</script>
</head>
<body>
  <p>刪除對應資料庫</p>
</body>
</html>

程式碼執行效果截圖如下：

a:3:{s:3:\"pic\";s:43:\"portal/201909/18/120742amcn5lvddcz5t4dm.jpg\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

控制檯列印資料來看，資料庫已經刪除，事實也是如此。

刪除資料的操作比較簡單，因為是一個非同步操作，然後採用對應的事件監聽操作結果。