如何利用API返回的HTML响应实现页面重定向？已尝试window.location.href无效

哦，我懂你的问题了——你用window.location.href = response.data肯定不行，因为window.location.href需要的是URL地址，但你的API返回的是一段包含自动提交表单的完整HTML代码啊！

咱们先拆解下返回的HTML核心逻辑：它的<body>标签带了onload="document.order.submit()"，页面加载后会自动提交那个指向MasterCard支付网关的表单。所以正确的做法不是跳转URL，而是让浏览器解析这段HTML并执行里面的自动提交逻辑。

给你两个可行的解决方案：

方案一：直接替换当前页面内容（最简单） #

把返回的HTML直接替换掉当前页面的body内容，浏览器会自动解析并触发onload事件提交表单：

// 替换当前页面的body内容
document.body.innerHTML = response.data;

这个方法好处是简单直接，用户会看到HTML里的“Please wait.. your payment is processed.........”提示，然后自动跳转到支付页面。

方案二：用iframe隐藏执行（不影响当前页面） #

如果不想清空当前页面的内容，可以创建一个隐藏的iframe，把HTML插入到iframe里执行，这样支付跳转的逻辑在后台完成，当前页面还能保留原有状态：

// 创建隐藏的iframe
const paymentIframe = document.createElement('iframe');
paymentIframe.style.display = 'none';
document.body.appendChild(paymentIframe);

// 把API返回的HTML插入到iframe中
paymentIframe.contentDocument.body.innerHTML = response.data;

为啥原来的方法没用？ #

再补一句：window.location.href的作用是让浏览器导航到指定URL，你给它一大段HTML字符串，浏览器根本不知道怎么处理，自然没反应。而上面的方法是让浏览器把这段HTML当作页面内容解析，这样里面的onload事件和表单提交逻辑才能正常触发。

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