vue 调用后台封装好的微信支付 && 支付宝表单提交支付

简单的做一下笔记

感觉年纪大了

记忆力也越来越差了

记录是个不错的方式

 

一、微信支付

let el = document.createElement("a");
document.body.appendChild(el);
el.href = url;  //后台返回的封装好的url
el.target = "_new"; //指定在新窗口打开
el.click();
document.body.removeChild(el);

 

二、支付宝支付

const div = document.createElement("divform");
div.innerHTML = response.data.content.orderString;
document.body.appendChild(div);
// document.forms[0].acceptCharset = "GBK";
//保持与支付宝默认编码格式一致，如果不一致将会出现：调试错误，请回到请求来源地，重新发起请求，错误代码 invalid-signature 错误原因: 验签出错，建议检查签名字符串或签名私钥与应用公钥是否匹配
document.forms[0].submit();

 

这种支付模式前端操作比较简单，但也有需要注意的地方

 

ps：详情可以查看    微信H5支付官方文档