pc 端 前端对接支付宝支付-前端获取支付宝返回的form 表单以及submit提交表单,自动跳转支付页面扫码支付

项目中用到了微信扫码,支付宝扫码支付。前端调取支付宝接口(后台进行了封装,没有直接调取支付宝接口)。
调用接口返回数据中,会有一串form表单字符串返回,前端需要做的就是把这串form 表单字符串通过appendchild 方法添加到当前页面中,并且执行这个表单的submit() 方法,表单提交以后,会自动跳转到支付宝扫码支付页面

返回的form数据大概如下,(可能会有差别)

前端实例代码:

//支付宝支付
 if(resp.code=="200"){
 // 添加之前先删除一下,如果单页面,页面不刷新,添加进去的内容会一直保留在页面中,二次调用form表单会出错
 let divForm = document.getElementsByTagName('divform')
    if (divForm.length) {
      document.body.removeChild(divForm[0])
    }
     const div=document.createElement('divform');
     div.innerHTML=resp.data; // data就是接口返回的form 表单字符串
     document.body.appendChild(div);
     document.forms[0].setAttribute('target', '_blank') // 新开窗口跳转
     document.forms[0].submit();
 }else{
     this.$alert("错误:"+resp.data,"提示",{
         confirmButtonText:'确定'
     });
 }

你可能感兴趣的:(javascript,pc端支付宝支付)