解决H5支付宝支付返回出现空白页问题

在进行H5页面的支付宝支付时,直接修改body内容可能导致支付失败或取消后出现空白页。正确做法是创建新的div元素加载支付信息,提交表单后移除该div,以避免页面异常。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在做H5页面支付的时候,提交后台返回的form表单,拉取支付宝支付,但是取消支付,或者支付失败与成功就会出现空白页

我刚开始这么写的,结果就是处理起来非常的麻烦。

document.querySelector('body').innerHTML = res.msg;
// 调用submit 方法
document.forms['alipaysubmit'].submit();

正确的处理是,创建一个新的div元素来打开支付

const div = document.createElement('div')
div.innerHTML = res.msg
document.body.appendChild(div)
document.forms['alipaysubmit'].submit(); //注意此处的表单提交,与后端返回form表单一致
div.remove()
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值