MVC C# 如何无需Ajax或客户端实现提交数据集合并重定向到外部URL

Response.Redirect 本质是向浏览器返回302/301状态码，只能触发GET跳转，原生不支持POST方式提交数据后跳转，以下是两种可直接落地的实现方式：

方案1：服务端返回自动提交表单（最接近你要的类似Response.Redirect的使用体验） #

你可以在处理完业务逻辑的控制器方法中，直接返回一个包含隐藏表单的HTML页面，页面加载后自动提交表单到第三方URL，效果和跳转一致，用户无感知。

示例代码（ASP.NET MVC场景） #

控制器处理逻辑：

[HttpPost]
public ActionResult HandleSubmit()
{
    // 第一步：先处理你需要的业务逻辑
    ProcessYourBusinessLogic();

    // 第二步：构造要提交到第三方的参数集合
    var postData = new Dictionary<string, string>
    {
        {"order_id", "123456"},
        {"amount", "99.00"},
        {"sign", "xxxxxx"}
    };

    // 第三步：生成自动提交的表单HTML
    var formHtml = BuildAutoPostForm("https://第三方目标URL", postData);
    return Content(formHtml, "text/html");
}

自动提交表单构造方法：

private string BuildAutoPostForm(string targetUrl, Dictionary<string, string> formData)
{
    var formBuilder = new StringBuilder();
    formBuilder.Append("<html><body>");
    formBuilder.AppendFormat("<form id='autoPostForm' action='{0}' method='POST'>", targetUrl);
    foreach (var item in formData)
    {
        formBuilder.AppendFormat("<input type='hidden' name='{0}' value='{1}' />", 
            System.Web.HttpUtility.HtmlEncode(item.Key), 
            System.Web.HttpUtility.HtmlEncode(item.Value));
    }
    formBuilder.Append("</form>");
    formBuilder.Append("<script>document.getElementById('autoPostForm').submit();</script>");
    formBuilder.Append("</body></html>");
    return formBuilder.ToString();
}

• 这个方案完全在服务端控制逻辑，和调用Response.Redirect的使用逻辑几乎一致，只需把参数构造好传入即可，跳转后第三方站点可以正常获取到POST参数。

方案2：前端异步处理后提交 #

如果你的业务逻辑允许在前端触发处理，可以先调用接口完成业务逻辑处理，拿到返回的待提交参数后，前端动态创建表单提交：

// 点击提交按钮触发
async function handleSubmit() {
    // 先调用接口完成业务逻辑处理，获取要提交的参数
    const res = await fetch('/api/your-business-handler', {method: 'POST'});
    const postData = await res.json();
    
    // 动态创建表单提交到第三方地址
    const form = document.createElement('form');
    form.action = 'https://第三方目标URL';
    form.method = 'POST';
    Object.keys(postData).forEach(key => {
        const input = document.createElement('input');
        input.type = 'hidden';
        input.name = key;
        input.value = postData[key];
        form.appendChild(input);
    });
    document.body.appendChild(form);
    form.submit();
}

• 如果第三方URL有跨域限制，上述两种表单提交方式都不受跨域策略影响，因为表单提交本身支持跨域跳转。
• 敏感参数建议提前加签，避免传输过程中被篡改。

内容的提问来源于stack exchange，提问作者VKM