调用 RedirectToAction 不刷新页面

Question

在 View 我有一个链接按钮，并且有 java 脚本从视图中收集信息，然后发布到相应的操作 'GroupDeny'

@Html.ActionLink("Deny Selected", "GroupDeny", null, new { @class = "denySelectedLink" })

    @section Scripts {
      @Scripts.Render("~/bundles/jqueryval")

      <script type="text/javascript">

        $(document).on('click', '.denySelectedLink', function (e) {
          //Cancel original submission
          e.preventDefault();

          var identifiers = new Array();

          //build the identifiers . . .

          var jsonArg = JSON.stringify(identifiers);
          $.post('/LicenseAssignment/GroupDeny?licensePermissionIdentifiers=' + encodeURIComponent(jsonArg));
        });        

      </script>

然后在控制器中，GroupDeny 将更新数据库，然后 调用 RedirecToAction 以刷新视图

public class LicenseAssignmentController : Controller
{
    [HttpPost]
    public ActionResult GroupDeny(string licensePermissionIdentifiers)
    {
       // changes the DB

       return RedirectToAction("Index");
    }

  // GET: 
  public async Task<ActionResult> Index()
  {
    var model = get data from DB

    return View(model);
  }

一切似乎都按预期工作，RedirectToAction("Index") 执行后将调用 Index，并且模型更新为我观看时的日期它在调试过程中，唯一的问题是页面根本没有刷新，也就是说视图仍然保持不变，但是在我手动刷新页面后（按F5），数据将使用DB中的值进行更新

Answer 1

当我们不想想要离开页面时，我们会使用 AJAX。您的 $.post() 是一个 AJAX 请求。

既然您想要导航，请向您的页面添加一个表单

@using(Html.BeginForm("GroupDeny", "LicenseAssignment", FormMethod.Post))
{
    <input type="hidden" value=""
        name="licensePermissionIdentifiers"
        id="licensePermissionIdentifiers" />
}

现在提交此表单将导航

$(document).on('click', '.denySelectedLink', function (e) {
    e.preventDefault();  // prevent link navigation

    var identifiers = new Array();

    //build the identifiers . . 

    // populate the form values
    $("#licensePermissionIdentifiers").val(identifiers);

    $("form").submit();
});

RedirectToAction() 向浏览器返回 302 Redirect 到 LicenseAssignment/Index，然后您点击 Index 操作。

Answer 2

由于您使用的是 Ajax，因此您必须在您的 $.post 调用返回时重定向并将您的 GroupDeny 更改为 JsonResult。

可能是这样的：

JS

$.post('/LicenseAssignment/GroupDeny?licensePermissionIdentifiers=' + encodeURIComponent(jsonArg), function(data){
    if(data.Success){
        //redirect
        window.location.reload();
    }else{
        //handle error
    }
});

控制器动作

[HttpPost]
public JsonResult GroupDeny(string licensePermissionIdentifiers)
{
   // changes the DB

   return Json(new { Success = true });
}