Как обновить содержимое страницы после POST-запроса без location.reload ()

Question

Цель

После запроса POST я хочу обновить список.Например, если добавлен пользователь, поэтому список пользователей должен быть обновлен.

Поэтому я делаю запрос на публикацию, затем я получаю запрос на получение обновления содержимого.

Есть способсделать это без перезагрузки страницы?

Спасибо за ваш ответ!

Ajax вызывает

function rafraichirContenu(url, type) {
    $.ajax({
        url: url,
        type: type
    }).done(function (response) {
         $(document).html(response)
    });
}

postRequest().done(function(response) {
    rafraichirContenu('/emprunts/encours', 'GET');
    ...
});

Get Mapping

@GetMapping(value = "/encours")
public ModelAndView findAllEnCours() {
    ModelAndView modelAndView = new ModelAndView();
    modelAndView.addObject("emprunts", empruntResource.getEmpruntsByStatutEquals(StatutEmprunt.EN_COURS));
    modelAndView.setViewName("webapp/pages/emprunts");
    return modelAndView;
}

HTML

<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionEmprunts">
    <div class="card-body">
          <table class="table">
                <thead>
                      <tr>
                           <th scope="col">Usager</th>
                           <th scope="col">Exemplaire</th>
                           <th scope="col">Date de rendu</th>
                           <th scope="col">Statut</th>
                       </tr>
                 </thead>
                 <tbody>
                       <th:block th:each="emprunt : ${emprunts}">
                           <tr>
                           <!--/*@thymesVar id="emprunt" type="bibliotheque.model.Emprunt"*/-->
                               <td th:text="${emprunt.getUsager().getMail()}"></td>
                               <td th:text="${emprunt.getExemplaire().getOeuvre().getTitre()}"></td>
                               <td th:text="${emprunt.getDaterendu()}"></td>
                               <td th:text="${emprunt.getStatut()}"></td>
                            </tr>
                       </th:block>
                  </tbody>
             </table>
        </div>
  </div>

Ошибка консоли

jquery.min.js: 2 UncaughtTypeError: Невозможно прочитать свойство 'createDocumentFragment' с нулевым значением