时间戳

首页 > 解决方案 > JS逐行解析文本文件

javascript - JS逐行解析文本文件

问题描述

我有一个文件（截图）

如何使用 JS 逐行解析此文件并将 1 行放入 1 个 HTML 元素中？

function loadTxt() {
    jQuery.get('http://localhost:8000/np/nowPlaying.txt', function(data) {
        var nowPlaying = data;
        
//        what do I do there?
        
        document.getElementById('track').innerHTML = track;
//        ...
    });
}
<body onload="loadtTxt();">
  <p>Now playing</p>
  <span id="track"></span>
  <span id="by"></span>
  <span id="artist"></span>
  <span id="from"></span>
  <span id="album"></span>
</body>

标签： javascripthtmlfile

解决方案

假设data变量是您的文件内容作为字符串，您可以根据\n换行符将其拆分。在您的函数中，执行以下操作：

    var splitted = data.split("\n");
    var i = 0;
    document.querySelector("#track").innerHTML = splitted[i++];
    document.querySelector("#by").innerHTML = splitted[i++];
    document.querySelector("#artist").innerHTML = splitted[i++];
    document.querySelector("#from").innerHTML = splitted[i++];
    document.querySelector("#album").innerHTML = splitted[i];

推荐阅读