Обновление HTML-таблицы с использованием jquery / ajax при поиске

Question

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

Секция проблемных случаев представляет собой простую HTML-таблицу и содержит поля поиска с и по дате с кнопкой поиска. По указанным датам и датам и по нажатию кнопки «Поиск» я хочу обновить случаи между этими датами, не обновляя всю страницу. Сейчас я делаю это с полным обновлением страницы.

Пожалуйста, помогите мне, как я должен делать с JQuery / AJAX без каких-либо внешних инструментов AJAX. Я использую Java / JSP, Struts2. У меня есть все в серверной части, которая возвращает список необходимых объектов. Когда я использую приведенный ниже код, я получаю всю HTML-страницу как результат в переменной «data».

        $.ajax({
            type: "POST",
            url: "caseSearch",
            data:"FromDate=" + fromDate,
            dataType: "text/html;charset=utf-8",
            success: function(data) {
                alert(data);
                $("#caseResult").html(data);
            }
        });

Answer 1

• Запрос ajax может быть передан сервлету.В сервлете установите ответ в формате xml.

      response.setContentType("text/xml")
  

• Создать PrintWriter

      PrintWriter out= response.getWriter();
  

• В out установитьданные, доступные из базы данных, будут отображаться в формате jsp, например

     <Name>x</Name>
     <Gender>male</Gender>
  

• Таким образом, теперь возвращаемые данные будут иметь формат xml.

• Для надлежащего отображения выполните синтаксический анализ xml с использованием JavaScript.

  Синтаксический анализ XML в JavaScript

---

DWR также можно использоватьдля этой цели.

Отметьте это для учебных ресурсов для DWR