RazorPages 返回 RedirectToPage 不起作用答案

【问题标题】：RazorPages return RedirectToPage not workingRazorPages 返回 RedirectToPage 不起作用
【发布时间】：2021-04-09 18:05:06
【问题描述】：

我发生了一件奇怪的事情。在我的索引页面上，我有一个 ajax 调用，它从 SVG 中获取一个参数，然后点击以下代码：

        public async Task<IActionResult> OnPostStateClickAsync(string state)
    {
        HttpContext.Session.SetObject("CurrentFilters", SearchFilters);

        SearchFilters.State = state;

        return RedirectToPage("/Search");
    }

我可以附加一个调试器，并查看幕后一切正常。问题是，UI 永远不会更新并将我带到“搜索”页面。如果我手动导航到那里，所有数据都已加载，一切都很好。

以前没有见过这种行为，我在以前的项目中使用过相同的代码。

这是相关的 AJAX 调用：

 $(document).ready(function () {
    $('path').click(function () {
        var stateParameter = $(this).attr('id');

        $.ajax({
            type: "POST",
            url: '/Index?handler=StateClick&state=' + stateParameter,
            //data: searchTitle,
            contentType: "application/json; charset=utf-8",
            beforeSend: function (xhr) {
                xhr.setRequestHeader("XSRF-TOKEN",
                    $('input:hidden[name="__RequestVerificationToken"]').val());
            },
            dataType: "json"
        }).done(function (data) {
            console.log(data.result);
            location.reload();
        });
    });
});

【问题讨论】：

您的 Ajax 调用将被重定向到搜索页面，而不是用户的 URL 栏（如果这样的话）。异步调用正在后台重新路由，并且该调用对用户隐藏。
这里有一些信息：stackoverflow.com/questions/282429/…
谢谢你，肯定有助于澄清发生了什么
嗨@DogEars，关于这个案例有什么更新吗？这个解决方案有用吗？

标签： asp.net-core razor-pages

【解决方案1】：

您可以像下面这样更改您的代码。

行动：

public async Task<IActionResult> OnPostStateClickAsync(string state)
{
    //...
     return new JsonResult(new { redirectToUrl = "/Search" });
}

在你的 Ajax 中：

 $(document).ready(function () {
$('path').click(function () {
    var stateParameter = $(this).attr('id');
    $.ajax({
        type: "POST",
        url: '/Index?handler=StateClick&state=' + stateParameter,
        //data: searchTitle,
        contentType: "application/json; charset=utf-8",
        beforeSend: function (xhr) {
            xhr.setRequestHeader("XSRF-TOKEN",
                $('input:hidden[name="__RequestVerificationToken"]').val());
        },
        dataType: "json",
        success: function (response) {
                window.location.href = response.redirectToUrl;
            }
    });
});
});

测试结果：

【讨论】：