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;