Affichage du Résultat de la Requête SQL dans le code HTML

J'ai besoin d'utiliser le javascript et HTML5 pour afficher le résultat de la requête SQL suivante dans ma page html. La requête SQL fonctionne dans SQLite, Navigateur, mais je ne suis pas sûr de la façon d'écrire la fonction correspondante et le code HTML5 pour appeler la fonction pour afficher le résultat de ma requête. La Requête SQL est comme suit:

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

Il renvoie un résultat numérique à partir de ma base de données SQLite qui est déjà créé, mais je ne comprends pas comment faire pour afficher le résultat de la requête select sur ma page web.

J'ai essayé d'utiliser la fonction suivante pour exécuter l'instruction sql, mais je ne sais pas comment faire pour l'afficher à l'aide 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', [], []);
});

}

Quelqu'un merci de me montrer comment faire pour afficher le résultat de la requête dans ma page html?

  • Entendez-vous afficher les résultats de votre requête?
  • Oui. Afficher le résultat sur ma page html, mais il ne devrait être qu'une conséquence, la somme.
InformationsquelleAutor EzAnalyst | 2013-01-04
  1. 1

    Ce que vous avez besoin est une fonction dans le troisième paramètre de la executeSql appel.
    comme ceci ( c'est un exemple si vous avez plusieurs résultats, mais fonctionnera avec votre requête trop ):

    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;


        }

      }
    );
  });
}
    • Je vois. Est-il possible d'utiliser un id de ma page comme <p id="totalDue"></p> pour appeler la variable stockée dans ma fonction?
    • décommenter la dernière ligne, puis changer le getElementById('results') à getElementById('totalDue')
    • De se! Je vous remercie. Apprécions l'aide.
    InformationsquelleAutor jsweazy