我需要更改网页的内容而不刷新服务器端发生更改的位置

Question

I have a web app with java that take requests from clients, process the request then send the result back to the client. I want to add a graphic interface that will show information about the request, the process and the result after the arrival of each request. I want to do this without having the page reloading, the server can receive a lot of requests in a short time so reloading the page is not a good solution. I've tried doing this with AJAX but the change is after an event provoked at the client side, for example a click on a button. I want the event to be on the server's side my event needs to be the arrival of a new request. tried using setInterval but the result is not what I expect, its like only one request get shown out of 10 this is the setInterval code :

setInterval(function() { 
    $.get("log", function(responseText) {
        $("#container").append(responseText + "<br>");
    });
}, 10);

log is the URL of the servlet that gives information about the request the doGet methode of the log servlet :

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    response.setContentType("text/plain");
    response.setCharacterEncoding("UTF-8");
    response.getWriter().write(requestInfo);
}

every time a request arrive I start putting information in requestInfo

Answer 1

If you want to constantly check the status, you have to recall your ajax function. If you want to be informed by push, you have to use websockets.

function checkLog(){
$.get("log", function(responseText) {
        var $notFinished = true;
        console.log('fetch from server')
        $("#container").append(responseText + "<br>");


        // do some checks to determine server has finished, set notFinished to false if it is your last ajax request
        ...

        if($notFinished){
          // recall the function in 10 seconds for status check
          setInterval(function() { 
            checkLog();
          }, 10000);
        }
    });
}

// call the function the first time
checkLog();