場景:例如我們做一個支付功能，肯定需要與第三方支付公司進行對接，比如【網關支付】是需要跳轉到第三方的充值頁面的，但是第三方只提供了後臺接口，我們可以通過調用第三方的接口獲取到我們需要的數據，然後通過在前端通過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/1923753

通過JS組裝表單