通过JS组装表单

场景:例如我们做一个支付功能，肯定需要与第三方支付公司进行对接，比如【网关支付】是需要跳转到第三方的充值页面的，但是第三方只提供了后台接口，我们可以通过调用第三方的接口获取到我们需要的数据，然后通过在前端通过JS组装一个Form表单跳转到第三方的充值页面去。

//业务处理跳转网关支付页面

function businessprocessToPay(data) {

//这里的Data是后台接口返回的数据

if (data.status == 200) {

var form = $(‘<form></form>‘);

var messageHTML = $(‘<input type="hidden" name="message" value="" />‘);

messageHTML.attr(‘value‘, data.data.PostMessage);

var signatureHTML = $(‘<input type="hidden" name="signature" value="" />‘);

signatureHTML.attr(‘value‘, data.data.PostSiginature);

form.append(messageHTML);

form.append(signatureHTML);

form.attr(‘action‘, data.data.PayUrl);

form.attr(‘method‘, ‘post‘);

form.attr(‘target‘, ‘_blank‘);

form.attr(‘style‘, ‘display:none‘);

//HTML标准规定如果form表单没有被添加到document里，那么form表单提交将会被终止

$(document.body).append(form);

form.submit();

//删除关联

$(document.body).remove(form);

}else {

alertmsg(data.msg, ‘error‘);

}

}