Ajax и Spring MVC

Question

Эй, ребята я пытаюсь обновить страницу JSP с помощью AJAX ответа здесь мой вопрос

я один выпадающий список, он содержит несколько значений, каждое значение связано с некоторыми определенными данными, если я выберите одно значение из выпадающего списка, затем я получу соответствующие данные на странице jsp. Если я попытаюсь выбрать другое значение из раскрывающегося списка, тогда страница jsp содержит старые и новые данные. Но на самом деле я хочу новые данные, как только новые данные приходит старые данные на странице JSP shouls исчезает из страницы

здесь мой Аякса код вызова

function getSubjects(sectionId) { 




     $.ajax({ 

      type : 'get', 
      url : approoturl+'/admin/section/subjects?sectionId='+sectionId, 

      success : function(response) { 



         var table = $('<table class="table table-bordered"/>').appendTo($('#somediv')) 
                      .append($('<th/>').text("Subject Name")) 
                      .append($('<th/>').text("Language")) 
                      .append($('<th/>').text("Subject ID")) 
         $(response).each(function(i, response) { 
            $('<tr/>').appendTo(table) 
               .append($('<td/>').text(response.name)) 
               .append($('<td/>').text(response.language)) 
               .append($('<td/>').text(response.id)); 
         }); 


      } 
     }); 


    } 

</script> 

и моя страница JSP является

<div id="form-group-section-id" 
         class="form-group col-md-4 col-md-offset-4"> 
         <label class="control-label">Choose Class</label> 
         <form:select cssClass="form-control" path="section.id" 
          onchange="getSubjects(value);"> 
          <form:option value="${-1}">Select Class</form:option> 
          <c:forEach items="${sections}" var="section"> 
           <form:option value="${section.id}">${section.name}</form:option> 
          </c:forEach> 
         </form:select> 
         <div class="text-danger"> 
          <form:errors path="section.id" /> 
         </div> 
        </div> 


        <div id="somediv"></div> 

Пожалуйста, дайте мне несколько советов, чтобы удалить старые данные и заселить новые данные в частности сНу «somediv» любая помощь будет greatfull

Answer 1

Вы можете очистить DIV перед тем Добавление данных.

$('#somediv').empty(); 

Или

$('#somediv').html("");