如何通过html文件显示MySQL数据库中的内容？
如何通过html文件显示MySQL数据库中的内容？
提问于 2018-06-13 01:20:26
有没有可能打开一个html文件，让它向服务器端应用程序发送一些信号，以便从mysql数据库查询数据，然后将数据返回到原始html文件？所以，我能不能创建一个'index.html‘文件来显示我的数据库内容，而不是让一些php或js程序输出一个html文件呢？谢谢
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-06-13 07:21:29
如果问题仅限于使用HTML，那么这是不可能的。
如果你的意思是只使用一个静态的超文本标记语言页面(允许内联JavaScript)，那么有很多方法可以做你想做的事情。
您可以使用客户端JavaScript，它在静态页面中提供服务，不需要运行像Node或其他类型的非静态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>该代码是从端点获取一些数据并在页面上设置段落以显示该信息的基本示例。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50822548
复制相关文章
相似问题