如何使用 node js 从 mysql 数据库中检索数据，然后使用 jquery 或 javascript 在 html 元素（不是表）中显示它？答案

【问题标题】：How do I retrieve data from a mysql database using node js and then display it in a html element (not a table) using jquery or javascript?如何使用 node js 从 mysql 数据库中检索数据，然后使用 jquery 或 javascript 在 html 元素（不是表）中显示它？
【发布时间】：2022-10-07 08:53:25
【问题描述】：

我是使用节点 js 的新手，我目前正在尝试将日期存储在 mysql 数据库表中的餐厅预订系统。我目前正在尝试将这些值（日期）拉到元素中的 html 页面。

到目前为止，我已成功连接到 mysql 数据库并在我的 database.js 文件中的 url http://localhost:1337/get-content 上显示结果数组。

然后，我尝试在单独的 js 文件中使用 jquery 以在 div 元素中显示结果。我在这个线程中尝试了这个解决方案代码：How to display nodejs mysql results on html page? 但它只是继续显示结果数组。

var mysql = require("mysql");
var express = require("express");
var app = express();
var http = require("http");
var path = require("path");
var fs = require("fs"); //file assist
var datesArr = [];


app.get("/get-content", function (req, resp) {
 
  db.query("SELECT Date FROM dates", function (error, results) {
    if (error) {
      console.log("Error in the query");
      console.log(error);
    } else {
      console.log("successful query.");
      
      resp.send(results);
      
    }
  });

  console.log("Displaying Data!");
});

var db = mysql.createConnection({
  //properties...
  host: "localhost",
  user: "root",
  password: "",
  database: "sampledb",
});

db.connect(function (error) {
  //callback
  if (error) {
    console.log("Error");
  } else {
    console.log("Connected");
  }
});

function executeQuery(sql, cb) {
  db.query(sql, function (error, result, fields) {
    if (error) {
      throw error;
    }
    cb(result);
  });
}

app.listen(1337);

jQuery.get("/get-content", function (data) {
  jQuery.each(data, function (index, item) {
    var status = item.status;
    var div = "<div>" + status + "</div>";
    $("#messages").append(div);
  });
  var x = "<div>END</div>";
  $("#messages").append(x);
});

有没有人能告诉我如何使用节点 js 从 mysql 数据中检索数据，然后使用 jquery 在 html 页面中的 html 元素（不是 html 表）中显示它？谢谢！

【问题讨论】：

标签： javascript jquery mysql ajax database

【解决方案1】：

我遇到了同样的问题，可以通过应用https://www.tutsmake.com/node-js-fetch-and-display-data-from-mysql-database-in-html-list/ 中描述的给定步骤来完成这些事情。

【讨论】：