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

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>结果如下:

. 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

如何将文本文件的每一行加载到一个单独的<li>中？

Answer 1

按行分隔符分割数据:

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