使用html将本地文本文件数据填充到网页中



我有一个文件名code.txt,我想从code.txt文件中填充数据。我通过在互联网上搜索写了一些代码,但它不起作用。console.log(文本(不打印任何内容。

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
var text = fs.readFileSync("C:/code.txt").toString('utf-8');
console.log(text);
</script>
</head>
<body>
</body>
</html>

您可以使用AJAX请求来完成,如下所示:

<div id="mydiv"></div>
<script>
window.load = loadDoc();
function loadDoc() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("mydiv").innerHTML =
this.responseText;
}
};
xhttp.open("GET", "text.txt", true);
xhttp.send();
}
</script>

注意:您可以使用Web服务器运行测试(我使用XAMPP进行了测试(。确保您的文本文件和html文件位于同一目录中。

最新更新