Rails Stripe Gem - 页面需要在付款处理之前刷新

时间:2016-07-28 14:49:10

标签: javascript ruby-on-rails ruby ruby-on-rails-4 stripe-payments

我目前正在使用rails构建Events网站。我使用Stripe gem来处理付款。除了我想付款(目前在测试/开发模式下)之外,一切似乎都工作得很好我必须刷新页面并在付款处理之前重新输入付款细节。没有出现错误代码,但每次都会发生错误代码。

可能导致这种情况的原因是什么?这是相关代码 -

bookings_controller.rb

class BookingsController < ApplicationController

before_action :authenticate_user!

def new
    # booking form
    # I need to find the event that we're making a booking on
    @event = Event.find(params[:event_id])
    # and because the event "has_many :bookings"
    @booking = @event.bookings.new
    # which person is booking the event?
    @booking.user = current_user
    #@booking.quantity = @booking.quantity
    #@total_amount = @booking_quantity.to_f * @event_price.to_f

end

def create
    # actually process the booking
    @event = Event.find(params[:event_id])
    @booking = @event.bookings.new(booking_params)
    @booking.user = current_user
    #@total_amount = @booking.quantity.to_f * @event.price.to_f

    Booking.transaction do
        @booking.save!
        @event.reload
        if @event.bookings.count > @event.number_of_spaces
            flash[:warning] = "Sorry, this event is fully booked."
            raise ActiveRecord::Rollback, "event is fully booked"
        end 
    end

    if @booking.save

        # CHARGE THE USER WHO'S BOOKED
        # #{} == puts a variable into a string
        Stripe::Charge.create(amount: @event.price_pennies, currency: "gbp",
            card: @booking.stripe_token, description: "Booking number #{@booking.id}")

        flash[:success] = "Your place on our event has been booked"
        redirect_to event_path(@event)
    else
        flash[:error] = "Payment unsuccessful"
        render "new"
    end

    if @event.is_free?

        @booking.save!
        flash[:success] = "Your place on our event has been booked"
        redirect_to event_path(@event)
    end
end


#def total_amount
    #@total_amount = @booking.quantity * @event.price
#end

private

def booking_params
    params.require(:booking).permit(:stripe_token, :quantity)
end



end

new.html.erb(预订)

    <% if @event.is_free? %>
<div class="col-md-6 col-md-offset-3" id="eventshow">
  <div class="row">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h2>Your Booking Confirmation</h2>
        </div>
                <div class="panel-body">

                        <h1>Hi there</h1>

                        <p>You have placed a booking on <%= @event.title %></p>

                        <p>Your order number is <%= @booking.id %></p>

                        <p>We hope you have a wonderful time. Enjoy!</p>

                        <p>Love from Mama Knows Best</p>
                </div>        
                  <div class="panel-footer">
                    <%= link_to "Home", root_path %>
                  </div>
    </div>
  </div>
</div>                      

                <% else %>

<div class="col-md-6 col-md-offset-3" id="eventshow">
  <div class="row">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h2>Confirm Your Booking</h2>
        </div>

            <div class="panel-body">    

                <p>Total Amount<%= @event.price %></p>
                <%= simple_form_for [@event, @booking], id: "new_booking" do |form| %>





                 <span class="payment-errors"></span>

                <div class="form-row">
                    <label>
                      <span>Card Number</span>
                      <input type="text" size="20" data-stripe="number"/>
                    </label>
                </div>

                <div class="form-row">
                  <label>
                  <span>CVC</span>
                  <input type="text" size="4" data-stripe="cvc"/>
                  </label>
                </div>

                <div class="form-row">
                    <label>
                        <span>Expiration (MM/YYYY)</span>
                        <input type="text" size="2" data-stripe="exp-month"/>
                    </label>
                    <span> / </span>
                    <input type="text" size="4" data-stripe="exp-year"/>
                </div>
            </div>
            <div class="panel-footer">    

               <%= form.button :submit %>


            </div> 

<% end %>
<% end %>

      </div>
  </div>
</div>    

<script type="text/javascript" src="https://js.stripe.com/v2/"></script>

<script type="text/javascript">
  // This identifies your website in the createToken call below
  Stripe.setPublishableKey('<%= STRIPE_PUBLIC_KEY %>');
  // ...
  var stripeResponseHandler = function(status, response) {
  var $form = $('#new_booking');
  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="booking[stripe_token]" />').val(token));
    // and re-submit
    $form.get(0).submit();
  }
};

jQuery(function($) {
  $('#new_booking').submit(function(e) {
    var $form = $(this);
    // Disable the submit button to prevent repeated clicks
    $form.find('input[type=submit]').prop('disabled', true);
    Stripe.card.createToken($form, stripeResponseHandler);
    // Prevent the form from submitting with the default action
    return false;
  });
});


</script>

点击“创建预订”后,终端的输出结果为&#39;我刷新前的第一次 -

Started GET "/events/23/bookings/new" for ::1 at 2016-07-28 16:09:14 +0100
Processing by BookingsController#new as HTML
  Parameters: {"event_id"=>"23"}
  User Load (0.1ms)  SELECT  "users".* FROM "users" WHERE "users"."id" = ?  ORDER BY "users"."id" ASC LIMIT 1  [["id", 2]]
  Event Load (0.1ms)  SELECT  "events".* FROM "events" WHERE "events"."id" = ? LIMIT 1  [["id", 23]]
  Rendered bookings/new.html.erb within layouts/application (4.3ms)
Completed 200 OK in 132ms (Views: 128.6ms | ActiveRecord: 0.2ms)

我确定这是一个简单的修复方法,但无法弄明白。任何帮助表示赞赏。

1 个答案:

答案 0 :(得分:0)

我想在这一部分:

@booking.save!
@event.reload

您使用reload但实际上您并未在那一刻创建活动,因此我认为您不需要以这种方式加载活动。您正在预订活动。尝试删除reload

当您第一次尝试付款时,是否可以复制并粘贴终端的输出(无需刷新页面)

一些参考文献:http://apidock.com/rails/ActiveRecord/Persistence/reload