Блог

У меня есть компонент представления внутри моего представления

 @await Component.InvokeAsync("UserProfileCard")  

и я хочу, чтобы при нажатии на кнопку только этот компонент обновлялся без обновления страницы с помощью jquery ajax или jquery Ненавязчиво

создание div вокруг компонента

 lt;div id="userProfileCard"gt;  @await Component.InvokeAsync("UserProfileCard") lt;/divgt;  

создать действие

 public class MyController : Controller {  public IActionResult GetUserProfileCardComponent() {  return ViewComponent("UserProfileCard", lt;arguments...gt;);  } }  

аякс

 lt;scriptgt;  $.get("/MyController/GetUserProfileCardComponent", function(data) {  $("#userProfileCard").html(data);  }); lt;/scriptgt;  

Используя jQuery, я знаю, что перерисовываю .html() div/span, в котором отображается страница, и обновляю его новым содержимым компонента

eq: давайте предположим, что userProfileCard-это div, тогда код будет выглядеть так-:

$(«#Карточка пользователя»).html(новые данные)