0

次の SQL クエリの結果を HTML ページに表示するには、javascript と HTML5 を使用する必要があります。SQL クエリは SQLite ブラウザーで動作しますが、クエリの結果を表示する関数を呼び出す関数と対応する HTML5 コードを記述する方法がわかりません。SQL クエリは次のとおりです。

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

これにより、既に作成されている SQLite データベースから数値結果が返されますが、選択クエリの結果を Web ページに表示する方法がわかりません。

以下の関数を使って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ページにクエリの結果を表示する方法を教えてください。

4

1 に答える 1

1

必要なのは、executeSql 呼び出しの 3 番目のパラメーターの関数です。このように（これは複数の結果がある場合の例ですが、クエリでも機能します）：

Javascript

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;


        }

      }
    );
  });
}
于 2013-01-04T20:40:05.930 に答える