JS代码|利用JS代码读取服务器内的TXT文件,并显示出来

时间:2023-05-27 05:18:27   阅读:158

删除所有tz.txt文件内所有的内容

<?php



file_put_contents('tz.txt','');

?>


JS代码|利用JS代码读取服务器内的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>


上一篇:王者荣耀外挂网-王者荣耀玩家自制外挂,无限刷点券想坑天美,结果最好朋友亏哭了

下一篇:5月27日,星期六,在这里每天60秒读懂世界!

网友评论