PC支付宝支付解析返回from两种方式

PC扫码支付的方式,前置模式和跳转模式的实现方式:

1、前置模式的处理实现,前置模式是将二维码前置到商户的订单确认页的模式。需要商户在自己的页面中以 iframe 方式请求支付宝页面

效果如下:

html代码:

<iframe id="alipayFrame"></iframe>

js代码:

let o = document.getElementById("alipayFrame")

let ed = document.all ? o.contentWindow.document : o.contentDocument

ed.open()

ed.write(res.data.alipayOrderStr) // 放入支付宝的表单数据

ed.close()

ed.contentEditable = true

ed.designMode = 'on'

2、跳转模式的实现处理,跳转模式下,用户的扫码界面是由支付宝生成的,不在商户的域名下。

效果为支付宝收银台界面,不需要特定的html代码

js代码:

let divForm = document.getElementsByTagName('divform')

if (divForm.length) {

    document.body.removeChild(divForm[0])

}

const div = document.createElement('divform')

div.innerHTML = res.data.alipayOrderStr // 放入支付宝的表单数据

document.body.appendChild(div)

document.forms[0].setAttribute('target', '_blank') // 新开窗口跳转

document.forms[0].submit()

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值