1

当我在代码中放置一些警报时，WebSql 的事务表现得很奇怪。我有三笔交易要做。它们是 t1、t2 和 t3。

以下代码按预期工作得很好。

 var db = openDatabase('DBTest', "1.0", "Example DB", "200000");
    db.transaction(function(tx) {
        alert('Tranasction.1........');
        jQuery('body').append('<h1>Added a h1 by t1</h1>');
    });
    db.transaction(function(tx) {
        alert('Tranasction.2........');
        jQuery('body').append('<h1>Added a h1 by t2</h1>');
    });
    db.transaction(function(tx) {
        alert('Transaction.3.........');
        jQuery('body').append('<h1>Added a h1 by t3</h1>');
    });

但是，当我在进行交易之前插入警报语句时。事情没有按预期工作。

例如。如果我发出警报（'在事务 t3 之前发出警报'）；

更改后的代码如下所示：

var db = openDatabase('DBTest', "1.0", "Example DB", "200000");
    db.transaction(function(tx) {
        alert('Tranasction.1........');
        jQuery('body').append('<h1>Added a h1 by t1</h1>');
    });
    db.transaction(function(tx) {
        alert('Tranasction.2........');
        jQuery('body').append('<h1>Added a h1 by t2</h1>');
    });
    //THIS ALERT IS ADDED
    alert('An alert just before transaction t3');
    db.transaction(function(tx) {
        alert('Transaction.3.........');
        jQuery('body').append('<h1>Added a h1 by t3</h1>');
    });

更改后的行为变化：前两个事务没有发生。

这是预期的行为。如果是，那么它是如何证明的？

4

1 回答 1

0

您在此处的代码在 Chrome 中按预期工作。我刚刚打开了开发者工具并将您的代码粘贴到控制台中，可以看到所有三个事务都已创建。

请记住，db.transaction函数调用是异步的，因此它们会立即返回，但不一定会调用您传入的回调，直到它们实际创建事务。

这是我认为正在发生的执行顺序：

打开数据库（...）

db.transaction #1（开始创建事务，立即返回）

db.transaction #2（开始...）

在事务 3 之前显示警报

db.transaction #3（开始...）

db.transaction #1 回调（警报事务 1）

db.transaction #2 回调（警报事务 2）

db.transaction #3 回调（警报事务 3）

于 2012-04-12T04:10:45.493 回答