标签: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‘);
}
}
本文出自 “Flyfish” 博客,请务必保留此出处http://9381188.blog.51cto.com/9371188/1923831
标签:js 组装表单
原文地址:http://9381188.blog.51cto.com/9371188/1923831