支付宝手机网站支付2.0接口在百度浏览器中无法跳转怎么办？

2026-10-24支付阿杰

结论

在百度浏览器中点击按钮后完全没有反应，问题通常不在支付参数本身，而在于示例页面的 JavaScript 没有执行、弹窗被拦截、跳转发生在用户点击事件之外，或者项目仍在使用过时的手机网站支付 2.0 示例。

建议改用当前应用对应的支付宝开放平台接口。服务端调用 alipay.trade.wap.pay 生成支付表单，用户点击按钮后，浏览器直接访问服务端的支付入口。查询订单时，则由服务端调用 alipay.trade.query，无需让浏览器打开查询页面。

先检查浏览器端

打开百度浏览器的开发者工具，点击按钮后检查以下内容：

Console 中是否有 JavaScript 语法错误、对象未定义或资源加载失败等报错。
Network 中是否出现支付请求。
按钮是否绑定了 onclick 或事件监听器。
按钮是否被透明遮罩或重复元素覆盖，或者带有禁用属性。
浏览器是否拦截了 window.open()、新窗口或自定义协议。
页面是否通过 HTTPS 加载，却引用了 HTTP 脚本，导致浏览器阻止混合内容。

可以先用一段简单代码测试点击事件：

<button id="payButton" type="button">立即支付</button>

<script>
document.getElementById('payButton').addEventListener('click', function () {
    console.log('pay button clicked');
    window.location.assign('/pay/create');
});
</script>

如果控制台没有输出日志，说明页面脚本或按钮事件有问题。如果日志正常，但没有请求 /pay/create，再检查跳转拦截、路由配置和页面遮罩。

不要在异步回调中打开支付窗口

下面的写法很容易被浏览器识别为并非由用户直接触发的弹窗：

fetch('/pay/create')
    .then(response => response.json())
    .then(data => {
        window.open(data.payUrl);
    });

更稳妥的做法是，在用户点击按钮时直接跳转到服务端支付入口：

document.getElementById('payButton').addEventListener('click', function () {
    window.location.href = '/pay/create';
});

服务端完成签名后，输出支付宝 SDK 生成的自动提交表单。这个过程不需要打开新窗口，也能减少浏览器弹窗策略造成的影响。

服务端生成支付表单

以下是 Java SDK 的核心处理方式。实际使用的网关、应用 ID、密钥和回调地址应从安全配置中读取，不能写死在前端。

AlipayClient alipayClient = new DefaultAlipayClient(
    "https://openapi.alipay.com/gateway.do",
    appId,
    appPrivateKey,
    "json",
    "UTF-8",
    alipayPublicKey,
    "RSA2"
);

AlipayTradeWapPayRequest request = new AlipayTradeWapPayRequest();
request.setReturnUrl("https://example.com/pay/return");
request.setNotifyUrl("https://example.com/pay/notify");

request.setBizContent("""
{
  "out_trade_no": "ORDER_202609090001",
  "total_amount": "0.01",
  "subject": "测试订单",
  "product_code": "QUICK_WAP_WAY"
}
""");

String form = alipayClient.pageExecute(request).getBody();

response.setContentType("text/html;charset=UTF-8");
response.getWriter().write(form);

pageExecute() 通常会返回可提交的 HTML 表单，服务端应直接将其写入响应。不要把表单放进 JSON，再通过 innerHTML 插入页面，因为动态插入的 <script> 不一定会执行，不同浏览器的处理方式也可能不同。

订单查询不需要页面跳转

“手机网站支付”和”订单查询”是两种不同的操作：

alipay.trade.wap.pay 用于打开支付页面。
alipay.trade.query 用于由服务端查询交易状态。

订单查询应由服务端发起，再以 JSON 或业务页面的形式把结果返回给浏览器。例如：

AlipayTradeQueryRequest request = new AlipayTradeQueryRequest();
request.setBizContent("""
{
  "out_trade_no": "ORDER_202609090001"
}
""");

AlipayTradeQueryResponse queryResponse = alipayClient.execute(request);

if (queryResponse.isSuccess()) {
    String tradeStatus = queryResponse.getTradeStatus();
    // 根据业务需要返回查询结果
} else {
    String subCode = queryResponse.getSubCode();
    String subMsg = queryResponse.getSubMsg();
    // 记录错误码和错误信息
}

所以，点击”订单查询”后页面没有跳转，并不能说明接口没有执行。需要查看 Network 请求和服务端日志，同时检查支付宝返回的 code、sub_code 和 sub_msg。

进一步排查

如果请求已经到达服务端，但支付页面仍未打开，可依次检查：

服务端是否返回了空响应或 500 错误。
响应内容是否为完整的 HTML 表单，而不是经过转义的字符串。
Content-Type 是否为 text/html;charset=UTF-8。
应用私钥、支付宝公钥、签名方式和字符集是否匹配。
return_url 和 notify_url 是否使用外网可以访问的 HTTPS 地址。
支付宝接口返回了什么错误码，不要只看浏览器页面是否有变化。
清除百度浏览器缓存，关闭广告拦截或脚本拦截功能后重新测试。
使用最新版百度浏览器，并与系统浏览器、Chrome、Safari 或微信内置浏览器对比测试结果。

如果问题只出现在某个版本的百度浏览器中，可以暂时提示用户改用系统浏览器完成支付。同时记录失败版本、操作系统、User-Agent、Console 错误和 Network 请求，便于继续排查兼容性问题。

注意事项

不要只根据 User-Agent 判断用户正在使用百度浏览器，然后直接禁用支付。签名逻辑也不能放在前端。支付结果应以后端异步通知和主动查询结果为准，不能只依赖 return_url 页面显示的内容。

如果项目仍在使用早期”手机网站支付 2.0”示例中的旧接口名称或旧版 SDK，应先根据该应用在支付宝开放平台实际开通的产品核对接口。旧示例能否继续使用，取决于应用的签约状态和平台配置，单纯更换浏览器无法解决这类问题。