m0_51514484 2022-11-22 09:53 采纳率: 50%
浏览 1
已结题

ajax读取TXT怎么倒序显示?

【学做留言本】
页面是index.php,需要用AJAX读取TXT文本内容,需要把内容时_倒序显示_,请大猿帮忙编写,麻烦完整代码方式解答。

<body onLoad="loadDoc()">
<div>            
    <span id="demo"></span>

<script>//ajax异步无刷新页面加载
function loadDoc() {
    var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
      
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("demo").innerHTML = this.responseText;
      setTimeout("loadDoc()",1000);
    }
  };
  xhttp.open("POST", "ltnr.txt", true);
  xhttp.setRequestHeader("content-type","application/x-www-form-urlencoded");
  xhttp.send();
}
</script>
</div>
    </body>

下面是截图,因为TXT保存的内容是正序上往下保存的,看左边,在我用AJAX读取时候显示也是正序,(目前要的倒序显示方式),别说用改用JS,我要的是AJAX,这样不需要不停刷新加载页面。

img

  • 写回答

7条回答 默认 最新

  • 游一游走一走 2022-11-22 10:11
    关注
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body onLoad="loadDoc()">
    <div>
        <span id="demo"></span>
        <script>//ajax异步无刷新页面加载
        function loadDoc() {
            var xhttp = new XMLHttpRequest();
            xhttp.onreadystatechange = function () {
                if (this.readyState == 4 && this.status == 200) {
                    let innerHTML = this.responseText;
                    document.getElementById("demo").innerHTML = innerHTML.split('\n').reverse().join('\n')
                    setTimeout("loadDoc()", 1000);
                }
            };
            xhttp.open("POST", "ltnr.txt", true);
            xhttp.setRequestHeader("content-type", "application/x-www-form-urlencoded");
            xhttp.send();
        }
        </script>
    </div>
    </body>
    </html>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(6条)

报告相同问题?

问题事件

  • 系统已结题 11月30日
  • 已采纳回答 11月22日
  • 创建了问题 11月22日

悬赏问题

  • ¥20 西门子S7-Graph,S7-300,梯形图
  • ¥50 用易语言http 访问不了网页
  • ¥50 safari浏览器fetch提交数据后数据丢失问题
  • ¥15 matlab不知道怎么改,求解答!!
  • ¥15 永磁直线电机的电流环pi调不出来
  • ¥15 用stata实现聚类的代码
  • ¥15 请问paddlehub能支持移动端开发吗?在Android studio上该如何部署?
  • ¥20 docker里部署springboot项目,访问不到扬声器
  • ¥15 netty整合springboot之后自动重连失效
  • ¥15 悬赏!微信开发者工具报错,求帮改