提问者:小点点

逐行解析文本文件的JS


我有一个文件(截图)

如何用JS逐行解析这个文件,并将1行放在1个HTML元素中?

null

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>

null


共1个答案

匿名用户

假设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];