Question

我有一个基本的日志文件，如下所示：

Admin Login at 3:00
User A Login at 3:10
User B Login at 3:12
User M Login at 3:17
User D Login at 3:30
User E Login at 3:42
Admin Login at 4:00
User A Login at 4:03
User F Login at 4:15
.....

我正在使用此jQuery Ajax调用来列出登录名：

<div >
    <ul id="result">

    </ul>
</div>
<script>
$.ajax({
    url: "data.txt",
    type: 'POST',
    dataType: 'text',
    success: function (data) {
       $('#result').append('<li>'+data+'</li>');
    },
    async: false
});
</script>

但是（正如预期的那样！）我将所有文本文件加载到只有一个<li>，结果如下：

。管理员登录时间为3:00用户A登录时间为3:10用户B登录时间为3:12用户M. 登录时间3:17用户D登录时间：3:30用户E登录3:42管理员登录＆gt; 4:00用户A在4:03登录用户F在4:15登录

您能告诉我如何将文本文件的每一行加载到一个单独的<li>中吗？

Answer 1

按行分隔符拆分数据：

$.each(data.split(/[\n\r]+/), function(index, line) {
  $('<li>').text(line).appendTo('#result');
});

如何使用jQuery和Ajax将.TXT文件中的每一行加载到HTML列表中

1 个答案: