当其他程序使用java编写文件时,如何使用ajax请求逐行读取文件?
在我的项目中, 1) 我使用logback添加了日志记录器。记录器在运行项目时写入文件 2) 我想在logger编写这个文件时读取它,并在html/jsp页面上显示它的输出 3) 为了读取文件,我想从html/jsp页面发送一个ajax请求,并逐行显示输出。i、 阅读一行并在html页面上显示 这就是我所做的----- 我的html页面是当其他程序使用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
<!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);
});