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

时间:2014-04-25 08:06:02

标签: java jquery ajax jsp

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

2)我想在记录器写入文件时读取该文件,并在html / jsp页面上显示它的输出。

3)要读取文件,我想从html / jsp页面发送ajax请求,并逐行显示输出。即读取一行并在html页面上显示。

这就是我做的-----

  //To read file 
  try {
        // FileReader reads text files in the default encoding.
        FileReader fileReader = 
            new FileReader(fileName);

        // Always wrap FileReader in BufferedReader.
        BufferedReader bufferedReader = 
            new BufferedReader(fileReader);

        while((line = bufferedReader.readLine()) != null) {
            System.out.println(line);
            out.println(line);
        }   
        bufferedReader.close();         
    }
    catch(FileNotFoundException ex) {
        System.out.println(
            "Unable to open file '" + 
            fileName + "'");                
    }
    catch(IOException ex) {
        System.out.println(
            "Error reading file '" 
            + fileName + "'");                  
         // ex.printStackTrace();
    }

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

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

1 个答案:

答案 0 :(得分:0)

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

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

或者您可以使用互联网上提供的Jquery日志查看器库..请参阅this链接