Ajax 调用后重定向到另一个页面？

Question

所以这对我来说很难解释。我有一个剃须刀页面，当单击一个按钮时，它会调用一个 javascript 函数，该函数对后端的处理程序进行 ajax 调用。处理程序做了一些事情并获得了一个我想传递给另一个页面的 id。我正在尝试在后端使用 RedirectToPage 函数，但屏幕永远不会打开。它成功调用了处理程序，但是当处理程序执行其 return 时，什么也没有发生。有办法吗？

这是从被点击的按钮调用的 javascript/ajax 代码。

@section scripts{
<script>

// Get the account ID Data from the row selected and return that to the program.
function getIDData(el) {        

    var ID = $(el).closest('tr').children('td:first').text();
    var iddata = {
        'ID': ID
    }        

    console.log(iddata);
    return iddata;
}

// Submit the data to a function in the .cs portion of this razor page.
$('.copybtn').click(function () {
    var accountid = JSON.stringify(getIDData(this));
    $.ajax({
        url: '/Copy_Old_Account?handler=CopyData',
        beforeSend: function (xhr) {
                        xhr.setRequestHeader("XSRF-TOKEN",
                                $('input:hidden[name="__RequestVerificationToken"]').val());
                },
        type: 'POST',
        dataType: 'json',            
        data: { offenderid: offenderid },    
        success: function (result) { 

        }, 
    });
});

</script>
}

对于我从 ajax 调用中调用的代码隐藏代码，在下面：

public ActionResult OnPostCopyData (string accountid)
{
   // Do my other stuff here
   return RedirectToPage("Account_Information", new { id = account.Account_ID });
}

任何帮助将不胜感激，如果没有任何意义，我可以尝试解决任何问题。

Answer 1

重定向到页面 returns 301 响应，其格式为：

HTTP/1.1 301 Moved Permanently
Location: http://www.example.org/index.asp

要在 ajax 调用后重定向，您可以通过以下方式重定向到请求的 url：

success: function (result) { 
window.location = result.getResponseHeader('Location');
}

Answer 2

我想这就是你想要的，我在 MVC 5 项目中做了类似的事情，但我还没有在 Razor Pages 中测试它：

这将是你的方法，注意你应该将你的控制器添加到 Url.Action，我个人没有尝试将参数与 url 一起传递，但我想象它会工作正常

[HttpPost]
public ActionResult SubmitSomething()
{
    return Json(new { redirectUrl = Url.Action("Account_Information", "YOUR_CONTROLLER_NAME", new { id = account.Account_ID }) });
}

然后这将是您的 Ajax 请求，我更新了 success 部分

// Submit the data to a function in the .cs portion of this razor page.
$('.copybtn').click(function () {
    var accountid = JSON.stringify(getIDData(this));
    $.ajax({
        url: '/Copy_Old_Account?handler=CopyData',
        beforeSend: function (xhr) {
                        xhr.setRequestHeader("XSRF-TOKEN",
                                $('input:hidden[name="__RequestVerificationToken"]').val());
                },
        type: 'POST',
        dataType: 'json',            
        data: { offenderid: offenderid },    
        success: function (result) { 
            if (result.redirectUrl !== undefined) {
                window.location.replace(result.redirectUrl);
            } else {
                // No redirect found, do something else
            }
        }, 
    });
});

这还没有经过测试，所以我只能希望它现在对你有用

编辑：更新了 Url.Action 以使用 OP 的视图名称和参数

Ajax 调用后重定向到另一个页面？

Redirect to another page after Ajax call?

javascript

ajax

asp.net-mvc

razor-pages