Как избежать обновления страницы в asp.net mvc

Question

без обновления

Когда я нажимаю любую ссылку на страницу в частичном представлении, эта связанная страница должна отображаться в части тела рендера без какого-либо обновления страницы. Как я могу это сделать?

Answer 1

Вы можете использовать помощника AJAX, который используется вместе с ненавязчивым AJAX

Более подробную информацию вы можете найти на этой странице

• Установить Microsoft.jQuery.Unobtrusive.AjaxПакет NuGet
• Включите скрипт в _Layout <script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>
• Затем вы используете HTML Helper с конкретными параметрами

Пример кода

@Ajax.ActionLink("View  All Student Info", "AllStudent", "Home", new AjaxOptions  
{  
  UpdateTargetId = "divAllStudent", 
  OnBegin = "fnOnBegin",  
  InsertionMode = InsertionMode.Replace,  
  HttpMethod = "GET",  
  LoadingElementId = "imgloader",  
  OnSuccess= "fnSuccess",  
  Confirm="Do you want to get all student info ?????"  
}, 
new { @class = "btn btn-default" })

• Затем в контроллере добавьте определенный маршрут [GET] (WebAPI)

Пример кода

[HttpGet]  
public PartialViewResult AllStudent()  
{  
    using (TempEntities db = new TempEntities())  
    {  
        var objAllStudent = db.StudentInfoes.ToList();  
        return PartialView("AllStudent", objAllStudent);  
    }  
}

Опции UpdateTargetId - это контейнер HTML ID, гдерезультат AJAX поместит содержимое результата.Обычно вы хотите использовать Заменить.Вы можете использовать OnBegin и OnSuccess в качестве методов Javascript, которые выполняют такие вещи, как показ загрузчиков, скрытие загрузчиков и т. Д. И т. Д.