解決H5支付寶支付空白頁問題

在做H5頁面支付的時候，提交后台返回的form表單，拉取支付寶支付，但是取消支付，或者支付失敗與成功就會出現空白頁

 

我剛開始這么寫的，結果就是處理起來非常的麻煩。

document.querySelector('body').innerHTML = res.msg;
// 調用submit 方法
document.forms['alipaysubmit'].submit();

正確的處理是，創建一個新的div元素來打開支付

const div = document.createElement('div')
div.innerHTML = res.msg
document.body.appendChild(div)
document.forms['alipaysubmit'].submit(); //注意此處的表單提交，與后端返回form表單一致
div.remove()