Я хочу обновить тег 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");
}
});
});