当其他程序使用java编写文件时,如何使用ajax请求逐行读取文件?

当其他程序使用java编写文件时,如何使用ajax请求逐行读取文件?,java,jquery,ajax,jsp,Java,Jquery,Ajax,Jsp,在我的项目中, 1) 我使用logback添加了日志记录器。记录器在运行项目时写入文件 2) 我想在logger编写这个文件时读取它,并在html/jsp页面上显示它的输出 3) 为了读取文件,我想从html/jsp页面发送一个ajax请求,并逐行显示输出。i、 阅读一行并在html页面上显示 这就是我所做的----- 我的html页面是 <!DOCTYPE html> <html> <head> <script type="text/javascrip

在我的项目中, 1) 我使用logback添加了日志记录器。记录器在运行项目时写入文件

2) 我想在logger编写这个文件时读取它,并在html/jsp页面上显示它的输出

3) 为了读取文件,我想从html/jsp页面发送一个ajax请求,并逐行显示输出。i、 阅读一行并在html页面上显示

这就是我所做的-----

我的html页面是

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js">       </script>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">

function funReadFile(){
//alert("ok");

$.ajax({
    type:"GET",
//    contentType: "text/plain; charset=utf-8",
    url: '/manageCollector/readFile',
    success : function (response){

        $("#myResponse3out").html(response);
    },
    error: function(jqXHR, textStatus, errorThrown) {
        alert('error ' + textStatus + " " + errorThrown);
    }
});
}

</script> 
</head>
<body onload = "funReadFile()">
<textarea  name="textarea" id="myResponse3out" rows="27" cols="70" ></textarea>
<h2>Test</h2>

</body>
</html>

在此处插入标题
函数funReadFile(){
//警报(“正常”);
$.ajax({
键入:“获取”,
//contentType:“文本/普通;字符集=utf-8”,
url:“/manageCollector/readFile”,
成功:功能(响应){
$(“#myResponse3out”).html(响应);
},
错误:函数(jqXHR、textStatus、errorshown){
警报('error'+textStatus+“”+errorshown);
}
});
}
测验

如何逐行读取并显示文件???

您可以使用JQuery动画逐行显示常量

$("#animate").click(function() {
    $("#content")
        .animate({"height": "100px"}, {"queue": false, "duration": 500})
        .animate({"width": "250px"}, 500);
}); 

或者您可以使用internet上提供的Jquery日志查看器库。。请参阅链接

代码似乎正确您面临的问题是什么。它是在阅读还是显示?我想像阅读第1行一样阅读,显示它。阅读第2行,将其显示在html页面上。但现在整个文件内容都显示在html页面上。它看起来像是在一次操作中读取一个文件并显示其内容..但是您想逐行显示吗?.在某些单击事件或动画上?不是在单击事件上,而是像如果您在linux上安装任何东西,则在安装时会显示不同的消息,您想执行相同的操作。AJAX不是这样做的方法,因为您必须为每个更新轮询。查看如何将websocket从浏览器连接到服务器,并让服务器在使用自定义日志追加器写入行时推送这些行
$("#animate").click(function() {
    $("#content")
        .animate({"height": "100px"}, {"queue": false, "duration": 500})
        .animate({"width": "250px"}, 500);
});