Indexeddb 创建、增删改查_indexdb 删除表-CSDN博客
本地数据库IndexedDB - 学员管理系统之条件筛选（四）_indexdb条件查询-CSDN博客

 

 

<div align="center"><input type="text" id="input_search"> <button id="button_search">搜索</button></div>

var db;

button_search.onclick = function() { search(); }

input_search.onkeypress = function(e) {
	if (e.keyCode == 13)
		search();
}

var request = window.indexedDB.open("MyTestDatabase", 1);
request.onsuccess = function(event){
    db = event.target.result;
	input_search.value = '';
	search();        
};

function search() {
    table.innerHTML = '';
    var i = 1;
    var tr = document.createElement('tr');
    var th = document.createElement('th');
    th.textContent = 'id';
    tr.append(th);
    th = document.createElement('th');
    th.textContent = 'name';
    tr.append(th);
    th = document.createElement('th');
    th.textContent = 'age';
    tr.append(th);
    th = document.createElement('th');
    th.textContent = 'email';
    tr.append(th);
    table.append(tr);
		
	var objectStore = db.transaction("customers").objectStore("customers");
	var request = objectStore.openCursor();

	request.onsuccess = function(event){
		var cursor = event.target.result;
		if (cursor) {
			var s = input_search.value.toLowerCase();			
			if (cursor.value.name.includes(s) || cursor.value.age.toString().includes(s) || cursor.value.email.includes(s)) {
			    tr = document.createElement('tr');
			    var td = document.createElement('td');
			    td.textContent = i;
			    tr.append(td);
			    td = document.createElement('td');
			    td.textContent = cursor.value.name;
			    tr.append(td);
			    td = document.createElement('td');
			    td.textContent = cursor.value.age;
			    tr.append(td);
			    td = document.createElement('td');
			    td.textContent = cursor.value.email;
			    tr.append(td);
				table.append(tr);
				i++;
			}
			cursor.continue();
		} else {
			console.log('No more cursor !');
		}
	};
}

我这样过滤还不如直接用数组！