使用 Stripe on Rails 付款

Question

我从互联网上学习了许多教程，以了解如何使用信用卡付款。到目前为止，我要做的是： 我的付款方式：

<%= form_for(@payment, :html => {:id => 'payment-form'}) do |f| %>
            <div class="form-group">
                <%= f.label :name %>
                <%= f.text_field :name, :class => 'form-control' %>
            </div>
            <div class="form-group">
                <%= f.label :phone %>
                <%= f.text_field :phone, :class => 'form-control' %>
            </div>
            <div class="form-group">
                <%= f.label :address %>
                <%= f.text_area :address, :class => 'form-control' %>
            </div>
            <div class="form-group">
                <%= f.label 'Payment Type' %>
                <%= f.select :pay_type, Payment.pay_types.keys, {},:class => 'form-control' %>
            </div>
             <div class="form-group">
                <label>Card Number</label>
                <input type="text" size="20" autocomplete="off" data-stripe="number" id="number" class="credit-number form-control" placeholder = "**** **** **** ****" value = "4242424242424242" pattern="[\d ]*" />
            </div>

            <div class="form-group">
                <label>Security Code/CVC</label>
                <input type="text" size="4" autocomplete="off" data-stripe="cvc" id="cvc" class="credit-scurity form-control" placeholder="***" value = "123" pattern="\d*" />
            </div>

            <div class="form-group">
                <label>Expiration (MM/YYYY)</label>
                <input type="text" size="2" data-stripe="exp_month" id="exp-month" class="card-expiry-month form-control" placeholder="MM" pattern="\d*" />
                <span> / </span>
                <input type="text" size="4" data-stripe="exp_year" id="exp-year" class="card-expiry-year form-control" placeholder="YYYY" pattern="\d*" />
            </div>
            <div class="actions">
                <%= f.submit 'Place order', :class => 'btn btn-primary btn-payment' %>
            </div>
         </div>
        <% end %>

以及这种形式的脚本：

jQuery(function ($) {
  var show_error, stripeResponseHandler;
  $("#payment-form").submit(function (event) {
    var $form;
    $form = $(this);
    $form.find("input[type=submit]").prop("disabled", true);
    Stripe.card.createToken($form, stripeResponseHandler);
    return false;
  });
  stripeResponseHandler = function (status, response) {
    var $form, token;
    $form = $("#payment-form");
    if (response.error) {
      show_error(response.error.message);
      $form.find("input[type=submit]").prop("disabled", false);
    } else {
      token = response.id;
      $form.append($('<input type="hidden" name="stripeToken" />').val(token));
      $("[data-stripe=number]").remove();
      $("[data-stripe=cvv]").remove();
      $("[data-stripe=exp-year]").remove();
      $("[data-stripe=exp-month]").remove();
      $form.get(0).submit();
    }
    return false;
  };

  show_error = function (message) {
    $("#flash-messages").html('<div class="alert alert-warning"><a class="close" data-dismiss="alert">×</a><div id="flash_alert">' + message + '</div></div>');
    $('.alert').delay(5000).fadeOut(3000);
    return false;
  };
});

payments.controller：

def create
    @payment = Payment.new(payment_params)
    Stripe.api_key = "sk_test_Hm0ywtd94a4e27SHOfzVJLpZ"
    @cart = current_cart
     @amount = @cart.total_price.to_i * 100

      token = params[:stripeToken]
      debugger
      # Create a Customer
      customer = Stripe::Customer.create(
        :description => params[:email], 
        :card => token
      )


  charge = Stripe::Charge.create(

    :customer    => customer.id,
    :amount => @amount, # amount in cents, again
    :currency => 'usd',
    :card => token,
    :description => params[:email]
  )
    if @payment.save
        @payment.add_line_items_from_cart(current_cart)
        Cart.destroy(session[:cart_id])
        session[:cart_id] = nil
        redirect_to root_path
    else
        render 'new'
    end
end

现在我收到错误消息：“无法向没有活动卡的客户收费” 我正在尝试调试，问题是：

token = params[:stripeToken]

params[:stripeToken] 为 nil，然后 token 也为 nil。 请帮帮我

Answer 1

George，如果 params[:stripeToken] 为 nil，那么最好打赌它一开始就不会被附加到表单中。看看你的javascript：

 if (response.error) {
  show_error(response.error.message);
  $form.find("input[type=submit]").prop("disabled", false);
} else {
  token = response.id;
  $form.append($('<input type="hidden" name="stripeToken" />').val(token));

我最好的猜测是您遇到了一个错误，该错误会阻止您的 $form.append 代码发生。

要测试我的理论，您应该检查有问题的表格是否有错误。 https://developers.google.com/web/tools/chrome-devtools/javascript/