如何通过post方法重定向Angular中的页面?

时间:2018-10-16 00:14:33

标签: angular typescript http post

如何将角度应用程序与WebCheckOut集成在一起,因为我需要使用购买数据向该WebCheckOut发出过帐请求。问题是角度应用程序的概念是单页应用程序,我需要将应用程序流重定向到该支付网关(WebCheckOut)。

总而言之,我的问题是:如何在Angular中发出带有将我重定向到支付网关(WebCheckOut)域的参数的POST请求?

1 个答案:

答案 0 :(得分:0)

您需要在某处放置一个常规HTML表单,并将其配置为发布到WebCheckOut,然后再提交它。所有使用常规HTML / JavaScript进行的操作-Angular只会为此带来麻烦。

这里有一些类似的jquery代码(可以从Angular中调用)。

function postForm() {
    $('body').append('<form action="http://www.climatecare.org/home.aspx" method="post" id="hidden_calc">'
        +'<input type="hidden" name="clientCode" value="climatecare" />'
        +'<input type="hidden" name="fromInput" value="'+$('#fromInput').val()+'" />'
        +'<input type="hidden" name="toInput" value="'+$('#toInput').val()+'" />'
        +'<input type="hidden" type="text" name="passengersNumber" value="'+$('#passengersNumber').val()+'" />'
        +'<input type="hidden" name="Mode" value="'+($('#ret').attr('checked')==true?'return':'oneway')+'" />'
        +'<input type="submit" name="calculate" value="calculate my emissions" />'
        +'</form>');

    $('#hidden_calc').submit();
});