Styjun

I want to refresh a div tag after an AJAX call in a Spring boot app using jQuery. I used the load() method of jQuery but it will call mapping method of the controller layer. I want to refresh it without calling the controller. Is this possible?

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

You can use following in you response

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

or

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

In response try add:

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

P.S. Leve that space in there " #yourdivid"