vue开发的H5页面调支付宝、微信支付

支付宝返回的是form表单,微信返回的是一个地址

// 支付宝返回的是表单,插入到页面中直接提交就会调起支付宝支付页面(放弃支付时会回到之前的页面,支付宝不提供放弃支付时的页面跳转)
const divForm = document.getElementsByTagName('divform')
if (divForm.length) {
  document.body.removeChild(divForm[0])
}
const div = document.createElement('divform')
div.innerHTML = res // res就是支付宝返回给你的form
document.body.appendChild(div)
document.forms[0].submit()

微信返回的是一个地址

// 微信返回的是一个地址,window.open在safari中会被阻止,这里就用window.location.href
const url = JSON.parse(res).h5_url    // res是接口返回的数据需要转一下 
window.location.href = url

你可能感兴趣的:(vue.js,前端,移动支付,微信,支付宝)