Настройка индикатора выполнения AJAX

Question

Хорошо, я новичок в AJAX.Зная о жизненном цикле запроса, IE использует подобные элементы ActiveXObject.

Однако теперь они столкнулись с реальной проблемой.У меня есть сервлет, работающий в фоновом режиме, который выполняет ряд задач, и я хотел бы отобразить индикатор выполнения, чтобы показать, где идет процесс, а также показать, что что-то на самом деле происходит.

Пока что вна стороне сервера я могу рассчитать количество процессов, которые будут происходить до того, как они начнутся, и достаточно легко добавить счетчик к приращению после завершения каждого процесса, что позволяет мне найти процент, который я хочу показать.

Вусловия, в которых я должен выводить данные, собранные из приращения, и т. д. Я не уверен, что пока он бездействует как 2 целых числа в обрабатывающем java-классе.До сих пор я смотрел на этот , и я думаю, это то, к чему я стремлюсь.

Приветствия.

Answer 1

По сути, вы хотели бы сохранить ссылку на задачу и, по сути, также ее ход в сеансе HTTP (или в контексте сервлета, если это касается задачи всего приложения). Таким образом, вы должны иметь возможность получать информацию о нем по каждому HTTP-запросу.

В JavaScript вы можете использовать setTimeout() или setInterval() для выполнения функции после определенного времени ожидания или через определенные интервалы. Вы можете использовать это для многократного запуска запросов Ajax для запроса текущего статуса процесса. Как только статус получен, например, в виде целого числа с максимальным значением 100 (процент), просто обновите некоторый div, представляющий индикатор выполнения и / или текст процентного соответственного значения в дереве HTML DOM.

jQuery очень полезен для запуска аяксических запросов и обхода / манипулирования деревом HTML DOM. Это минимизирует детализацию кода и проблемы совместимости между браузерами.

Представьте себе, что doGet() сервлета выглядит так:

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    String processId = "longProcess_" + request.getParameter("processId");
    LongProcess longProcess = (LongProcess) request.getSession().getAttribute(processId);
    int progress = longProcess.getProgress();

    response.setContentType("application/json");
    response.setCharacterEncoding("UTF-8");
    response.getWriter().write(String.valueOf(progress));
}

Тогда вы можете использовать его следующим образом:

function checkProgress() {
    $.getJSON('progressServlet?processId=someid', function(progress) {
        $('#progress').text(progress + "%");
        $('#progress .bar').width(progress);

        if (parseInt(progress) < 100) {
            setTimeout(checkProgress, 1000); // Checks again after one second.
        }
    });
}