JS代码|利用JS代码读取服务器内的TXT文件，并显示出来
时间：2023-05-27 05:18:27 阅读：500
删除所有tz.txt文件内所有的内容
PHP
<?php
file_put_contents('tz.txt','');
?>修改a.txt，如果没有，会弹出提示
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
</head>
<body>
<pre id="text"></pre>
<script type="text/javascript">
$.ajax({
url: "a.txt",
type: "get",
dataType: "text",
success: function (data) {
$("#text").text(data);
},
error: function (jqXHR, status, thrown) {
alert(thrown);
}
});
</script>
</body>
</html>最新版本
<div id="content"></div>
<script type="text/javascript">
// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 打开文件
xhr.open('GET', 'zshao-1.txt', true);
// 设置响应类型为文本
xhr.responseType = 'text';
// 当请求完成时执行的函数
xhr.onload = function() {
// 如果请求成功
if (xhr.status === 200) {
// 将文本内容按行分割成数组
var lines = xhr.response.split('\n');
// 获取用于展示内容的div元素
var contentDiv = document.getElementById('content');
// 遍历每一行，将其添加到div元素中
for (var i = 0; i < lines.length; i++) {
var lineDiv = document.createElement('div');
lineDiv.textContent = lines[i];
contentDiv.appendChild(lineDiv);
}
}
};
// 发送请求
xhr.send();
</script>
网友评论