如何在asp.net网页表单中获取jsPOST

how to get js POST in asp.net webform?

本文关键字:表单 获取 jsPOST 网页 net asp      更新时间:2023-09-26

我知道这是一个基本的问题,但我对网络表单缺乏实践。我是第一次使用Stripe.js,并希望将其与Stripe.net结合使用来处理客户端。这是客户端代码:

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
CodeBehind="StripePage.aspx.cs" Inherits="StripePage.StripePage" %>
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
<script type="text/javascript" src="https://js.stripe.com/v2/"></script>
<script type="text/javascript">
    // This identifies your website in the createToken call below
    // You need to put your real publish key here.
    Stripe.setPublishableKey('pk_test_1nDJ3hA1Mv2Sy9bUoYcBMXmm');
    // ...
    // I am using jquery to process the payment. It knows what form to 
    // process it on based on the name 'payment-form'
    jQuery(function ($) {
        //payment submission
        $('#payment-form').submit(function (event) {
            var $form = $(this);
            // Disable the submit button to prevent repeated clicks
            $form.find('button').prop('disabled', true);
            Stripe.createToken($form, stripeResponseHandler);
            // Prevent the form from submitting with the default action
            return false;
        });
        //if there is a error, it is displayed on the page if there was
        //no error this is where it gets sent to the server.
        var stripeResponseHandler = function (status, response) {
            var $form = $('#payment-form');
            if (response.error) {
                // Show the errors on the form
                $form.find('.payment-errors').text(response.error.message);
                $form.find('button').prop('disabled', false);
            } else {
                // token contains id, last4, and card type
                var token = response.id;
                // Insert the token into the form so it gets submitted to the server
                $form.append($('<input type="hidden" name="stripeToken" />').val(token));
                // and submit
                $form.get(0).submit();
            }
        };
    });
</script>
<form method="POST" id="paymentForm" runat="server">
    <span class="payment-errors" runat="server"></span>
    <div class="form-row">
        <label>
            <span>Card Number</span>
            <br />
            <input id="number" type="text" data-stripe="number" clientidmode="Static" />
            <input type="text" size="20" data-stripe="number" runat="server" />
        </label>
    </div>
    <div class="form-row">
        <label>
            <span>CVC</span>
            <br />
            <input type="text" size="4" data-stripe="cvc" runat="server" />
        </label>
    </div>
    <div class="form-row">
        <label>
            <span>Expiration (MM/YYYY)</span>
            <br />
            <input type="text" size="2" data-stripe="exp-month" runat="server" />
        </label>
        <br />
        <input type="text" size="4" data-stripe="exp-year" runat="server" />
    </div>
    <asp:Button ID="submit" ClientIDMode="Static" runat="server" Text="SubmitPayment" OnClick="submit_Click" />
</form>
</asp:Content>

JS中的最后一个调用创建了一个JSON对象,我想知道如何在C#页面上点击按钮:

protected void submit_Click(object sender, EventArgs e)
{
....
}

我想实现javascript,以避免必须遵守PCI。我是不是搞错了?是否应该全部使用Stripe.net来处理所有内容,并完全跳过js?或者,如果这是正确的,我如何在按钮点击事件中获得表单发布数据?

感谢您在评论中提供的提示。在仔细阅读了互联网和拔头发之后,我离开了一会儿,然后带着这个解决方案回来了。

  1. 使按钮只是一个标准的html输入(而不是asp:button)
  2. 在Page_Load事件中获得了通过JavaScript发送的返回信息,如下所示

代码背后:

protected void Page_Load(object sender, EventArgs e)
{
    if (IsPostBack)
    {
        StripeConfiguration.SetApiKey("[API Secret Key");
        NameValueCollection nvc = Request.Form;
        string amount = nvc["amount"];
        var centsArray = amount.Split('.');
        int dollarsInCents = Convert.ToInt32(centsArray[0]) * 100;
        int remainingCents = Convert.ToInt32(centsArray[1]);
        string tokenId = nvc["stripeToken"];
        var tokenService = new StripeTokenService();
        StripeToken stripeToken = tokenService.Get(tokenId);

        var myCharge = new StripeChargeCreateOptions
        {
            TokenId = tokenId, 
            AmountInCents = dollarsInCents + remainingCents,
            Currency = "usd"
        };
        var chargeService = new StripeChargeService();
        StripeCharge stripeCharge = chargeService.Create(myCharge);
    }
}

似乎使用NameValueCollection(它位于System.Collections.Specialized命名空间中)使我能够通过变量名称从Request.Form中获取所需内容。由于我新建了变量名,所以只需要获取它们,然后按照Stripe.NET库文档获取令牌并处理付款。

我只想对答案发表评论,但还不允许。所以,这并不是一个真正的答案,更多的是对OP自己的发现的回应。

我也在做同样的事情,使用Stripe.js。我可以简单地使用Request.Form获取stripeToken,并以代码后面的常见方式获取所有其他非c/c相关字段(例如int Total=PaymentTotal.Value;);但我要注意的并不是获取数据,而是您有在Page_Load上(或在页面生命周期的后期)处理它,因为Submit按钮的onclick事件实际上从未触发,因为表单实际上是使用js而不是按钮提交的。

因此,完全是字面意思,有点回答了最初的问题,你实际上无法在按钮点击事件中获得数据,而不需要在回发时手动触发该事件(我猜)。

希望能为其他人节省一些时间,如果他们来这里是为了让Stripe和.NET协同工作。