Javascript 以HTML显示SQL查询结果

我需要使用javascript和HTML5在我的html页面中显示以下SQL查询的结果。SQL查询在SQLite浏览器中工作，但我不确定如何编写函数和相应的HTML5代码来调用函数以显示查询结果。SQL查询如下所示：

SELECT SUM(Orders.productQty * Products.productPrice) AS grandTotal FROM Orders JOIN Products ON Products.productID = Orders.productID

这将从已经创建的SQLite数据库返回一个数字结果，但我不知道如何在我的网页上显示select查询的结果

我尝试使用以下函数来执行sql语句，但不知道如何使用HTML显示它

function calculateTotalDue() {
db.transaction(function (tx) {
    tx.executeSql('SELECT SUM(Orders.productQty * Products.productPrice) AS grandTotal FROM Orders JOIN Products ON Products.productID = Orders.productID', [], []);
});

}

---

有人能告诉我如何在我的html页面中显示查询结果吗？

您需要的是executeSql调用的第三个参数中的函数。 如下所示（这是一个示例，如果您有多个结果，但也可以使用您的查询）：

Javascript

函数calculateTotalDue（）{
数据库事务（功能（tx）{
tx.executeSql（'SELECT SUM（Orders.productQty*Products.productPrice）作为grandTotal，从Orders-JOIN-Products-ON-Products.productID=Orders.productID'，[]，
函数（）{
//获取返回行
var data=result.rows；
//初始化变量以存储html
var html=''；
//循环通过结果
对于（var i=0；i

您的意思是显示查询结果吗？是的。在我的html页面上显示结果，但是应该只有一个结果，sum。我明白了。是否可以使用页面中的id（如

调用函数中存储的变量？取消最后一行的注释，然后将

getElementById（'results'）

更改为

getElementById（'totalDue'）

明白了！非常感谢。谢谢你的帮助。

function calculateTotalDue() {
  db.transaction(function (tx) {
      tx.executeSql('SELECT SUM(Orders.productQty * Products.productPrice) AS grandTotal FROM Orders JOIN Products ON Products.productID = Orders.productID', [], 
      function(){
        // Get return rows
        var data = result.rows;

        // Initialize variable to store your html
        var html = '';

        // loop thru results
        for (var i = 0; i < dataset.length; i++) {
          var row = data.item(i);

          // Add to html variable
          html += row.grandTotal;

          // Append that html somewhere
          // How todo this will vary depening on if you are using framworks or not
          // If just javascript use:
          // document.getElementById('results').innerHTML += html;


        }

      }
    );
  });
}