L .～ 2023-01-11 17:39 采纳率: 28.6%
浏览 71
已结题

HTML JS 自动读取数据

如何用JS自动 按时间顺序 读取192.168.1.30这个IP地址下的anv文件下的所有TXT文件
并且显示在HTML中
显示2023-1-12内容的时候前面的2023-1-11的内容也要显示出来

img

  • 写回答

8条回答 默认 最新

  • CSDN专家-showbo 2023-01-12 15:57
    关注

    计时器定时请求服务器获取数据接口，示例代码如下

    
var http = require("http");
let fs = require("fs");



function getContent() {
    let folder = 'F:\\nodejs\\readtext\\text\\';//text文件所在路径
    var allcontent = fs.readdirSync(folder)//获取文件夹中的text文件
        .sort((a, b) => {//文件按照修改时间降序降序排列
            return fs.statSync(folder + b).mtime - fs.statSync(folder + a).mtime;
        }).map(i => {//读取text文件内容
            var fullpath = folder + i;
            var lines = fs.readFileSync(fullpath, 'utf-8').split('\n');//读取文件后回车拆分成数据行，如果text存储编码不是utf-8，而是ansi，注意改为gb2312编码读取
            lines.reverse();//将数据行反向，就是最下面的调整到最前面

            return lines.join('<br>');//重新将textn内容合成字符串
        }).join('<br/>');
    return allcontent;
}


var server = http.createServer(function (req, res) {
    res.setHeader('Content-Type', 'text/html; charset=utf-8');
    if (req.url == '/getdata') {//计时器发送的请求
        var content = getContent();
        res.write(content)
    }
    else {
        res.write(`<!doctype html>
<meta charset='utf-8'/>
<div id="div1"></div>
<script src="https://g.csdnimg.cn/??lib/jquery/1.12.4/jquery.min.js"></script>
<script>
function loadData() {
    $.ajax({
        url: '/getdata',
        dataType: 'html',
        success: function (s) {
            $('#div1').html(s)
        }
    })
}
loadData();//第一次访问
setInterval(loadData, 1000);//1s更新一次，其他时间改1000这个参数，单位为ms
</script>
`);
    }
    res.end();
});
var port = 3000;
var hostName = '127.0.0.1';
server.listen(port, function () {
    console.log(`服务器运行在http://${hostName}:${port}`);
});
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(7条)

报告相同问题？

  • 基于Python、JavaScript和HTML的akshare数据获取与可视化设计源码
    2024-10-01 04:56
    总体来看，该项目是一套全面的数据获取与可视化解决方案，它结合了Python的强大数据处理能力、JavaScript的前端展示优势以及HTML的网页设计基础，旨在通过开源的方式，推动数据科学与可视化技术的普及与应用。...
  • 基于JavaScript的HTML中国城市数据设计源码
    2024-09-29 22:04
    这个项目是一个利用JavaScript和HTML构建的前端应用，旨在对中国城市数据进行展示和可视化处理，包含了从数据读取、处理到用户界面展示的完整流程。项目设计者需要具备前端开发的技能，同时对数据可视化有深入的理解...
  • jw.js自动选择库+请求库
    2025-05-02 06:40
    对于想要了解如何使用jw.js库来简化前端开发的开发者来说，获取教程和文档是十分必要的。因此，伴随新版本发布的教程查询文章，将是一个宝贵的资源。这些教程可能会详细介绍如何安装和配置jw.js库，如何使用自动选择...
  • 基于JavaScript的水果超市前端设计源码
    2024-10-10 05:13
    Python虽然主要不是用于前端开发，但在某些情况下，如数据处理、自动化测试或是服务器端的简易脚本方面，Python可以提供强大的支持。项目还包含了3个Excel文件，这些文件可能是用于存储数据、数据导入导出或是一些...
  • 基于Python、HTML、JavaScript的蜘蛛家族大小爬虫设计源码
    2024-10-05 18:02
    尽管JavaScript不是爬虫开发的主要编程语言，但在爬取具有复杂交互功能的现代网页时，理解JavaScript渲染的内容对于获取完整数据至关重要。项目中的2个JavaScript文件可能与爬虫运行过程中涉及的JavaScript交互有关...
  • 利用node.js实现自动生成前端项目组件的方法详解
    2020-10-19 13:16
    【利用Node.js实现自动生成前端项目组件】 在前端开发中，创建新的组件通常涉及重复性的文件创建和初始化工作，这可能会消耗大量时间和精力。通过利用Node.js的强大功能，我们可以编写脚本来自动化这一过程，提高...
  • vue.js实现数据库的JSON数据输出渲染到html页面功能示例
    2020-10-16 14:58
    在Web应用中，前端从后端获取数据通常是以JSON格式进行的。JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。它基于JavaScript的一个子集，因此可以和...
  • 前端网页开发学习（HTML+CSS+JS）有这一篇就够！
    2024-06-20 12:47
    一颗小谷粒的博客 本篇文章详细总结了前端网页开发的三大必备语言：Html、css和Javascript，内容精炼且易懂，适合新手学习和期末复习！（八千字总结）
  • 前端 html自动生成,前端工程化-自动生成页面
    2021-06-09 13:04
    不告诉你不告诉你的博客 需要在routes.js文件里面新添加一个路由。按照上述操作以后，才可以正常访问新添加的页面，之后才开始对新页面进行正常开发。但是这样的机械化步骤我们完全可以用代码帮我们执行，更进一步，对于一些简单的页面，...
  • html自动读取excel文件,利用js-xlsx库，实现前端读取Excel报表文件
    2021-06-11 14:28
    summer_ccs的博客 在实际开发中，经常会遇到导入Excel文件的需求，有的产品人想法更多，想要在前端直接判断文件内容格式是否正确，必填项是否已填写依据HTML5的FileReader，可以使用新的API打开本地文件(参考这篇文章)FileReader....
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 1月20日
  • 已采纳回答 1月12日
  • 创建了问题 1月11日