Ajax UpdateTargedId/браузер не обновляется ASP MVC Partial View

Question

У меня есть HTML-страницу "Index.cshtml"

<div class="container" > 
    <div class="row"> 
     <div class="col-md-6" id="employeeList"> 
@Html.Partial("IndexPartial"); 
     </div> 
     <div id="second"> 
      other div 
     </div> 
     <button onclick="Increase()">increase</button> 
    </div> 
</div> 

частичный вид, который содержит таблицу сотрудников, какая кнопка нажата вызовов JS скрипт, который выполняет метод контроллера все больше сотрудника возраст

<script> 
    function Increase(id) { 
     $.ajax({ 
      url: 'Main/Increase', 
      data: { id: 5 }, 
      UpdateTargetId:"employeeList", 
      success: function() { 
       alert('Added'); 
      } 
     }); 
    } 
</script> 

Я побежал поджигатель, и это показывает, что каждый щелчок кнопки возвращает HTML ответ с обновленной таблицей сотрудника (сотрудник возраст обновляется), но в браузере есть еще старые значения, пока я вручную обновить страницу

Answer 1

Вы, кажется, немного смущены. Давайте перейдем к нескольким вещам.

Partial - это встроенный метод, который отображает представление строки (IHtmlString). Это выполняется один раз, когда страница строится.

$.ajax() является функцией jQuery. Эта функция (насколько я помню) не принимает свойство, называемое UpdateTargetId. Я думаю, вы запутались в том, что с классом .NET AjaxOptions, который делает, принимает параметр UpdateTargetId.

Один из способов быстро получить работу - это изменить вашу функцию успеха, чтобы принять аргумент data, а затем вставить HTML в div.

success: function (data, textStatus, xhr) { }