如何在Spring Boot应用程序中使用jQuery进行AJAX调用后如何刷新DIV标签

Question

我想在使用jQuery的Spring Boot应用中进行AJAX调用后刷新div标签。我使用了jQuery的load()方法，但它将调用控制器层的映射方法。我想在不打电话的情况下刷新它。这可能吗？

<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");
    }
  });
});

Answer 1

您可以在响应中使用以下内容

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

或

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

Answer 2

在响应中尝试添加：

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

P.S。在那里伸出空间" #yourdivid"