Vue+H5调起支付宝---form表单（手机网站支付）

最近做了支付功能，记录一下手机网站唤起支付宝，根据后端接口返回一个form表单字符串，H5将form表单渲染到页面上，通过提交form表单调起支付宝支付。

后端接口返回的form表单大致这样：

 前端处理如下，代码贴上：

if(!isWechat&&_this.payType === 'ALIPAY'&&url.indexOf('<form')!==-1) {
  console.log('H5-支付宝支付===============');
  setTimeout(()=>{
    const div = document.createElement('formdiv');
    div.innerHTML = url;
    document.body.appendChild(div);
    document.forms[0].setAttribute('target', '_self');
    document.forms[0].submit();
    div.remove();
  },100)
}

然后再做一下支付成功或者失败的回调处理了，交给后端的伙伴们了。。。

 

到这里就成功了。。。。