如何解决websql中的异步问题

最新推荐文章于 2025-06-20 10:05:25 发布

CF西西

最新推荐文章于 2025-06-20 10:05:25 发布

阅读量5.5k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Html5 WebSql 文章标签： callback function safari 数据库 thread object

本文链接：https://blog.youkuaiyun.com/xiaoguang44/article/details/7629241

Html5 同时被 2 个专栏收录

26 篇文章

订阅专栏

WebSql

2 篇文章

订阅专栏

本文探讨了在Safari浏览器中使用HTML5数据库API时遇到的异步操作问题，并提出了一种通过`openDatabaseSync()`方法实现同步打开数据库的解决方案。此外，还提供了一个直接在回调函数中整合所有逻辑的示例代码，以简化异步调用，提高用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.首先websql openDatabase（）方法打开数据库的其结果必然以异步方式返回结果，openDatabaseSync()方法可以同步方式打开数据库，但是貌似safari游览器中找不到这样的一个方法。

原文：http://stackoverflow.com/questions/4052479/html5-database-api-synchronous-request

To get an object implementing DatabaseSync you have to call openDatabaseSync(...) instead ofopenDatabase(...). I don't know about the iPhone, or what the oDB object you have is, but according to spec you only get the openDatabaseSync method in a WebWorker and not in the normal web browser window. Certainly XMLHttpRequest has demonstrated that potentially-length synchronous operations in the UI thread are not a good idea.

2.看了老外的另外一个方案：http://stackoverflow.com/questions/3903155/synchronous-query-to-web-sql-database

发现其实可以直接写在回调函数中不必拆分成多个函数，这样就可以解决异步的问题了，如下（所有代码逻辑都在回调函数中完成）：

functiongetFolder(id, callback) {
          vardata = [];
          ldb.transaction(function(tx) {
          tx.executeSql('SELECT * FROM folders where id=?',
              [id],
            function(tx, results) {
                if(results.rows && results.rows.length) {
                    for(i = 0; i < results.rows.length; i++) {
                        data.push(results.rows.item(i));
                    }
                }
                if( typeof(callback) == 'function') callback(data);
          },
          function(tx, error) {
              console.log(error);
          });
      });