将数据发布到html页面并在div中显示页面

时间:2017-06-10 12:07:53

标签: javascript angular angular2-routing

以下是html form,其中包含网址的发布数据并打开该页面。

<form id="payment" name="payment" method="POST" action="https://url-xxx/payMe.aspx">
    <input name="param1" type="hidden" value="VDJ98">
    <input name="param2" type="hidden" value="ANQN2080">
    <input name="param3" type="hidden" value="56GHJ345">
    <input name="param4" type="hidden" value="ESCENTER">
    <input name="param5" type="hidden" value="100">
</form>

我想在Angular2中复制此内容 即,单击组件上的按钮,我想发布数据并打开外部页面(支付网关页面)。

import { Component,OnInit } from '@angular/core';
import { Router } from '@angular/router';

const TAG:string = "TESTING : ";

@Component({
    selector: 'app-testing',
    templateUrl: './testing.component.html',
    styleUrls: ['./testing.component.scss']
})

export class TestingComponent implements OnInit {

    constructor(private router: Router) { }

    ngOnInit() {
        this.openExpernalPage();
    }

    private openExpernalPage(){
        /**
          * I want to open this external-url
          * pass data
          * param1 : 123123123
          * param2: sdfsdf34534
          * param3:amit787
        */
        window.location.href = 'http://external-url';
    }
}

所有人都在布雷夫:

  1. 我有一个支付网关帖子网址和一些参数传递。

  2. 我使用HTTP执行该url,并在成功时返回HTML页面。

  3. 此html页面是一个付款页面。

  4. 问题:如何向用户显示此付款页面?

0 个答案:

没有答案