如何通过html文件在MySQL数据库中显示内容?

时间:2018-06-12 17:20:26

标签: html mysql node.js database

是否可以打开一个html文件,让它向服务器端应用程序发送一些信号来查询来自mysql数据库的数据然后将该数据返回到原始的html文件?因此,我可以创建一个' index.html'而不是让一些php或js程序吐出一个html文件。文件,当我点击,将显示我的数据库的内容?感谢

1 个答案:

答案 0 :(得分:1)

如果问题仅限于使用HTML,那么这是不可能的。

如果您的意思是仅使用静态HTML页面(允许内联JavaScript),那么您可以通过多种方式执行所需的操作。

您可以使用客户端JavaScript,在静态页面中提供,无需运行Node JS或其他类型的非静态Web服务器等后端。

静态HTML文件的内容如下:

<html>
<head>
    <title>Using Fetch</title>
</head>
<body>
    <script>
        // Fetch your information here using client side JavaScript
        // Do something
    </script>
</body>
</html>

您的服务器端应用程序可以公开输出一些JSON的端点,我们将使用端点https://example.com/api/并使用Fetch API获取它:

let url = 'https://example.com/api/';

fetch(url)
.then(res => res.json())
.then((data) => {
  // Your data is in the variable 'data', do something with it
})
.catch(err => { throw err });

您的HTML文件可能看起来像这样:

<html>
<head>
    <title>Using Fetch</title>
</head>
<body>
    <p id="data"></p>
    <script>
           let url = 'https://example.com/api/';
           fetch(url)
           .then(res => res.json())
           .then((data) => {
             document.getElementById("data").innerHTML = data;
           })
           .catch(err => { throw err });         
    </script>
</body>
</html>

该代码是从端点获取一些数据并在页面上设置段落以显示该信息的基本示例。