H5-处理支付-前端部分

调用后台支付接口，得到返回数据

1、如果是支付宝，需要后台配置支付成功的回调页面路径，还要在页面创建一个标签装表单内容，此处是id为box的div标签

<div id="box"></div>

//支付宝支付
let form = 接口返回的表单数据;
document.getElementById("box").innerHTML = form;
let subForm = document.getElementsByTagName("form")[0];
subForm.submit();

　　执行成功后会跳转支付宝APP，也可以在网页支付，支付成功点击完成即跳转成功页面。

2、如果是微信，需要在返回的url路径后拼接当前页，需要再调用后弹出提示框，提示是否完成支付，微信调用后不管是否支付都会跳转拼接的路径，无法验证是否支付成功

window.location.href = 接口返回的 mwebUrl + "&redirect_url=" + decodeURIComponent(window.location.href);

 3、针对苹果微信url路径失参问题，需要重新拼接路径

// 重新拼接返回地址，带上订单号识别purBillNo判断是否点击支付
let backPage = encodeURIComponent(window.location.href+"&purBillNo="+"后台返回订单号")
window.location.href = "后台返回的支付路径"+"&redirect_url="+backPage;