使用Node.js从MySQL提取数据并显示在HTML页面上_Mysql_Node.js

使用Node.js从MySQL提取数据并显示在HTML页面上

mysql node.js

使用Node.js从MySQL提取数据并显示在HTML页面上,mysql,node.js,Mysql,Node.js,我试图从MySQL中提取数据并将其显示在HTML页面上，但当我在浏览器上运行下面的代码时http://localhost:3000，数据不会显示在我的页面上。如果有人能帮我解决这个问题，我将不胜感激 index.html <!DOCTYPE> <html> <head> <title>Data from MySQL</title> </head> <body>

我试图从MySQL中提取数据并将其显示在HTML页面上，但当我在浏览器上运行下面的代码时

http://localhost:3000

，数据不会显示在我的页面上。如果有人能帮我解决这个问题，我将不胜感激

index.html

<!DOCTYPE>
<html>
    <head>
        <title>Data from MySQL</title>
    </head>
    <body>
        <div id="output_message"></div>
    </body>
</html>

有多种因素需要考虑：

1-当您想要使用通过HTML文件发送的POST方法时，您必须具有

<form action="Name of your processing file" method="POST">YOUR FORM HERE</form>

***您可能会问index.html是什么。对此有两种回应：

1-使用res.sendFile（uu dirname+“/YOURPAGE Name.html”）当您要发送文件时

结果

例如：

app.get("/",(req, res) => {
    res.sendFile(__dirname + "/Welcome.html");
});

app.get("/",(req, res) => {
    res.sendFile(__dirname + "/index.html");
});

欢迎光临

<!DOCTYPE>
<html>
    <head>
        <title>Data from MySQL</title>
    </head>
    <body>
        <p>Welcome to my page</p>
    </body>
</html>

index.html

<!DOCTYPE>
<html>
    <head>
        <title>Data from MySQL</title>
    </head>
    <body>
        <form action="/" method="post">
          //YOUR FORM HERE 
        </form>
    </body>
</html>


来自MySQL的数据
//你的表格在这里

您能告诉我们控制台中是否有错误吗？我在控制台中没有错误。原因是您正在通过get method发送一个空的html文件。我如何将其发送到我的html文件？在get方法中包含POST方法逻辑，并删除POST。数据仍然不会显示在我的html页面上。我也没有任何错误。我已编辑代码，以便您可以看到我所做的更改。请删除first GET方法。您只需要第二个get方法就可以从数据库中获取数据并显示它。我已经删除了它，但仍然无法获取数据。我只有第二个get方法。请修改此方法，看看是否可以连接到db。。。。connection.connect（function（err）{if（err）throw err；console.log（“connected”）；在服务器响应上显示“connected”

app.get("/",(req, res) => {
    res.sendFile(__dirname + "/index.html");
});

<!DOCTYPE>
<html>
    <head>
        <title>Data from MySQL</title>
    </head>
    <body>
        <form action="/" method="post">
          //YOUR FORM HERE 
        </form>
    </body>
</html>