关闭asp.net核心中的模态表单后如何刷新父页面

Question

我正在使用 asp.net core mvc 5 和 EF Core 5。

我有一个页面，当按下按钮时会弹出一个模态表单。然后用户可以创建一个新人。当用户然后在模态表单上按下提交时，该人被创建并链接到中心。我希望刷新父页面，以便显示新人。下面的代码是我目前所拥有的。

主页上的按钮是

<button type="button" class="close ml-3 mb-3"
   data-toggle="ajax-modal" data-target="#personModal"
   data-url="@Url.Action("Create", new { id = Model.Id })"
   title="Click to change Person Responsible">
   +
</button>

我使用以下 javascript 打开模态 -

$(function () {
    var placeHolderElement = $('#PlaceHolderHere');
    $('button[data-toggle="ajax-modal"]').click(function (event) {
        var url = $(this).data('url');

        $.get(url).done(function(data) {
            placeHolderElement.html(data);
            placeHolderElement.find('.modal').modal('show');
        })
    })
})

我使用以下提交模态表单-

<input type="submit" value="Submit" name="Submit" class="btn btn-success float-right" id="SubmitForm" />

在我的控制器中 -

[HttpGet]
public IActionResult Create(int id)
{
   List<Title> titleList = _titleRepository.Titles.ToList();
   ViewBag.TitleList = titleList;

   var personListViewModel = new PersonListViewModel
   {
      persons = _personRepository.Persons,
      person = new Person(),
      vaccinationCentreId = id
   };

   return PartialView("_PersonModalPartial", personListViewModel);
}

[HttpPost]
public ActionResult Create(PersonListViewModel pers)
{         
   _personRepository.CreatePerson(pers.person);
   Person newPers = _personRepository.GetPersonByName(pers.person.Forename, pers.person.Surname);

   VaccinationCentre vaccCentre = _vaccCentreRepository.GetVaccinationById(pers.vaccinationCentreId);

   vaccCentre.PersonResponsableId = newPers.Id;
   _vaccCentreRepository.UpdateVaccinationCentre(vaccCentre);

   return View("Details", vaccCentre.Id);
}

我的详细信息代码 -

public IActionResult Details(int id)
{
   var vaccCentre = _vaccCentreRepository.GetVaccinationById(id);

   if (vaccCentre == null)
   {
      return NotFound();
   }

   List<Title> titleList = _titleRepository.Titles.ToList();
   ViewBag.TitleList = titleList;

   List<HealthBoard> healthBoardList = _healthBoardRepository.HealthBoards.ToList();
   ViewBag.HealthBoardList = healthBoardList;

   List<CentreType> centreTypeList = _centreTypeRepository.CentreTypes.ToList();
   ViewBag.CentreTypeList = centreTypeList;

   List<VaccinationAvailableTo> vaccAvailableToList = _availableToRepository.VaccinationAvailableTos.ToList();
   ViewBag.VaccAvailableToList = vaccAvailableToList;

   List<Person> personList = _personRepository.Persons.ToList();
   ViewBag.PersonList = personList;

   return View(vaccCentre);
}

[HttpPost]
public ActionResult Details(VaccinationCentre vaccCentreModel)
{
   if (!ModelState.IsValid)
   {
      return View(vaccCentreModel);
   }

   _vaccCentreRepository.UpdateVaccinationCentre(vaccCentreModel);
            
   return RedirectToAction("Index", "Admin");
}

我想要实现的是，当 Create Post 完成时，运行 Details(int Id) 以刷新页面。但它正在尝试运行 Details(VaccinationCentre vccCentreModel)。

我基本上希望父页面用新数据刷新。

谁能帮忙？

Answer 1

我想通了-

我用过-

 $.get("/VaccinationCentre/Details/" + $("#vaccCentreId").val()).done(function (data) {
            placeHolderElement.find('.modal').modal('hide')
            location.reload();
 })