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

How to load each line from a text file into HTML list using jQuery and Ajax

本文关键字：一行 加载 列表 HTML jQuery 何使用 Ajax 文件 文本      更新时间：2023-09-26

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

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 登录 管理员登录> 4：00 用户 A 在 4：03 登录 用户 F 在 4：15 登录

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

用行分隔符拆分数据：

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