Как обновить тег div после вызова AJAX с использованием jQuery в загрузочном приложении Spring? - PullRequest
1 голос
/ 22 марта 2019

Я хочу обновить тег div после вызова AJAX в загрузочном приложении Spring с использованием jQuery. Я использовал load() метод jQuery, но он вызовет метод отображения уровня контроллера. Я хочу обновить его без вызова контроллера. Это возможно?

<div id="instructor-block-wrapper" class="row inner_sec_info pt-md-4">
  <div id="details-details-block" class="col-lg-8 single-left">
    <ul>
      <li style="font-size: 120%" class="mt-3">
        <a href="">First Name</a><i style="color: red;"> : </i>
        <a th:text="${session.instructorToDisplay.firstName}"></a>
      </li>
      <li style="font-size: 120%" class="mt-3">
        <i class="fas fa-check mr-2"></i>
        <a href="">Last Name</a><i style="color: red;"> : </i>
        <a th:text="${session.instructorToDisplay.lastName}"></a>
      </li>
      <li style="font-size: 120%" class="mt-3 ">
        <i class="fas fa-check mr-2"></i>
        <a href="">Register No</a><i style="color: red;"> : </i>
        <a th:text="${session.instructorToDisplay.registerationNumber}"></a>
      </li>
      <li style="font-size: 120%" class="mt-3">
        <i class="fas fa-check mr-2"></i>
        <a href="">Degree</a><i style="color: red;"> : </i>
        <a th:text="${session.instructorToDisplay.degree}"></a>
      </li>
    </ul>
  </div>
</div>
$(document).on('click', '#searchInsructorButton', function(event) {
  event.preventDefault();
  var registerNo = $("#search-instructor-pattern").val();
  $.ajax({
    type: "GET",
    url: "/instructor/search-instructor?regno=" + registerNo,
    success: function(result) {
      if (result.status) {
        $("#instructor-block-wrapper").load(location.href + ' #instructor-block-wrapper')
      } else {
        $("#search-wrong-msg-instructor").text("Instructor not exist");
        return;
      }
    },
    error: function() {
      alert("Error! please enter proper data");
    }
  });
});

Ответы [ 2 ]

1 голос
/ 22 марта 2019

Вы можете использовать следующие в своем ответе

$('#showresults').html($('#showresults',data).html());

или

$('#showresults').replaceWith($('#showresults',data));
0 голосов
/ 22 марта 2019

В ответ попробуйте добавить:

$("#yourdivid").load(" #yourdivid");

P.S. Оставьте это место там " #yourdivid"

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...