18、在浏览器中使用TypeScript：数据库操作、地理定位与传感器API应用

在浏览器中使用TypeScript：数据库操作、地理定位与传感器API应用

1. 浏览器中的IndexedDB数据库操作

在浏览器环境中，我们可以使用IndexedDB进行数据的存储和管理。以下将详细介绍如何在浏览器中使用TypeScript进行IndexedDB的基本操作，包括记录的检索、添加、删除等。

1.1 记录检索

以下代码展示了如何等待用户在 productId 输入框中输入内容，并根据输入的ID从数据库中检索产品信息：

// Wait for entry in the productId input
addEvent(document.getElementById('productId'), 'keyup', function () {
    // Get the id entered by the user, convert to number
    const productId = +this.value;
    // Search the database with the id
    db.getProduct(productId, (product) => {
        document.getElementById('content').innerHTML = product ?
            `The result for product id: ${product.productId} is: ${product.name}` :
            'No result';
    });
}