如何通过html文件显示mysql数据库中的内容？

lp0sw83n 于 2021-06-21 发布在 Mysql

关注(0)|答案(1)|浏览(603)

有没有可能打开一个html文件，让它向服务器端应用程序发送一些信号，从mysql数据库查询数据，然后将数据返回到原始html文件？因此，我可以创建一个“index.html”文件，当我点击它时，它将显示我数据库的内容，而不是让一些php或js程序输出一个html文件吗？谢谢

mysql Database node.js Html

来源：https://stackoverflow.com/questions/50822548/how-to-display-contents-within-a-mysql-database-through-an-html-file

1条答案

按热度按时间

8zzbczxx1#

如果问题仅限于使用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>

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

赞(0）回复(0）举报 2021-06-21

我来回答

如何通过html文件显示mysql数据库中的内容？

1条答案

相关问题

热门标签

最新问答