javascript - How to load each line from a .TXT file into HTML list using jQuery and Ajax -

i have basic log file below:

admin login @ 3:00 user login @ 3:10 user b login @ 3:12 user m login @ 3:17 user d login @ 3:30 user e login @ 3:42 admin login @ 4:00 user login @ 4:03 user f login @ 4:15 ..... 

and using jquery ajax call list logins:

<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> 

but (as expected!) loading of text file 1 <li> , result like:

. admin login @ 3:00 user login @ 3:10 user b login @ 3:12 user m login @ 3:17 user d login @ 3:30 user e login @ 3:42 admin login @ > 4:00 user login @ 4:03 user f login @ 4:15

can please let me know how load each row of text file 1 separate <li>?

split data line separators:

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