Question

我正在使用AngularJS，我正在尝试在我的网络应用程序中实现支付网关并坚持一步

所以，在第一步，我有 JSON数据，请求方法和我需要发布数据的Url。

JSON数据示例： { ＆＃34; KEY1＆＃34; ：value1，＆＃34;键＆＃34; ：value2 }

请求方法：POST

网址：myPaymentGatewayUrl

我的要求是：当我点击按钮付款时，它应该创建一个动态表单并自动填充我在JSON中的数据，然后在 url 上发布该表单数据。这个过程应该在幕后进行，我应该重定向到支付网关页面。

JS功能

＆＃13;

var tables = ReadDataTables(fileName);
dataGridView1.DataSource = tables[0];
dataGridView2.DataSource = tables[1];
dataGridView3.DataSource = tables[2];

＆＃13;

按钮代码：

＆＃13;

proceedToPayemnt: function(lead_id){

    var Payment = this;
    var payment_provider = this.payment_provider;
    var selected_payment_provider = this.selected_payment_provider;
    var user_profile = UserProfile.user_profile;

    var answer = selected_payment_provider[payment_provider.psp_id];
    
    if(answer == 1){
        var lead_id = 145282;
        Payment.offlinePayment(lead_id);
    }else{
         var lead_id = 145282;
        Payment.onlinePayment(lead_id);
    }                                                                                                                                                                                
   },

＆＃13;

请为上述问题提出解决方案。提前致谢

Answer 1

您可以使用ng-repeat从JSON示例数据创建控件，类似这样的操作。如果您不想显示表单，可以使用ng-hide隐藏表单，并单击proceedToPayment按钮，您可以触发submitBtn单击。我希望能解决这个问题。

<form action="URLHERE"  method="POST">
  <div ng-repeat="(key,value) in sampleData">
    <input type="text" id="{{key}}"  ng-model="sampleData[key]" />
    </div>
  <button id="submitBtn" type="submit">submit</button>
</form>

Answer 2

感谢您的解决方案。我提到了Programmatically submitting Angularjs form to an external url 它起作用了。

在按钮上单击创建动态表单，自动填充数据并在Angularjs中的URL上发布

2 个答案: