5

我知道这是一个基本的问题,但我在网络表单上没有练习。我是第一次使用 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?或者如果这是正确的,我怎样才能在按钮单击事件中获取表单发布数据?

4

2 回答 2

6

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

  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 库文档获取令牌并处理付款。

于 2013-08-09T11:53:17.143 回答
4

我只想对答案发表评论,但我还不允许这样做。因此,这并不是真正的答案,更多的是对 OP 自己的调查结果的回应。

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

因此,作为所有文字和有点回答原始问题的内容,您实际上无法在按钮单击事件中获取数据,而无需在回发时手动触发该事件(我猜测)。

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

于 2013-09-12T18:42:22.753 回答