前端如何显示生成订单后端返回的html

前言

在做支付宝支付需求时，在生成订单之后，后端会返回一个表单的html，前端要做的就是提交这个表单。

原理

自定义一个divform的dom元素，把后端返回的值赋值给它，最后把这个divform元素追加到body中。接着，如果需要在新窗口跳转，给找到name值为alipay_submit的表单赋值一个 target=”_blank”的属性，最后自动提交。

document.forms[‘alipay_submit’] 的意思是在文档流中查找一个name=alipay_submit 的表单

let divForm = document.getElementsByTagName('divform')
if (divForm.length) {
   document.body.removeChild(divForm[0])
}
const div=document.createElement('divform');
div.innerHTML=res.data; // data就是接口返回的form 表单字符串
document.body.appendChild(div);
document.forms['alipay_submit'].setAttribute('target', '_blank') // 新开窗口跳转
document.forms['alipay_submit'].submit();

赏

谢谢你请我吃糖果