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支付官方文檔