通過JS組裝表單

場景:例如我們做一個支付功能，肯定需要與第三方支付公司進行對接，比如【網(wǎng)關(guān)支付】是需要跳轉(zhuǎn)到第三方的充值頁面的，但是第三方只提供了后臺接口，我們可以通過調(diào)用第三方的接口獲取到我們需要的數(shù)據(jù)，然后通過在前端通過JS組裝一個Form表單跳轉(zhuǎn)到第三方的充值頁面去。

//業(yè)務(wù)處理跳轉(zhuǎn)網(wǎng)關(guān)支付頁面

function businessprocessToPay(data) {

   //這里的Data是后臺接口返回的數(shù)據(jù)

    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標準規(guī)定如果form表單沒有被添加到document里，那么form表單提交將會被終止

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

        form.submit();

        //刪除關(guān)聯(lián)

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

    }else {

        alertmsg(data.msg, 'error');

    }

}