Rails - 在AJAX POST后重定向

时间:2017-04-30 02:01:22

标签: ruby-on-rails ajax redirect stripe-payments

我尝试做一些我认为非常简单的事情 - 订阅用户Stripe订阅计划并在成功时将它们重定向到根路径。没什么好看的。

我有3个计划,我在Rails控制器中定义,并遍历每个计划为每个计划创建一个Stripe处理程序。我视图中的处理程序如下所示:

handlers["#{count}"] = StripeCheckout.configure({
    key: "#{ENV['stripe_publishable_key']}",
    locale: 'auto',
    token: function(token) {
        $.ajax({
            url: `/subscriptions`,
            method: 'POST',
            data: {
                "stripeToken": token.id,
                "stripeEmail": token.email,
                "stripe_price": "#{plan[:stripe_price]}",
                "plan": "#{plan[:name]}",
                "description": "Subscription to #{plan[:name].capitalize} plan"
            },
            dataType: 'json',
            success: `window.location = '/'`
        });
    }
});

成功回调是我最近添加的,只是为了尝试让它在成功时重定向到某个地方。没有工作......

事件监听器:

document.getElementById("subscriptionButton-#{count}").addEventListener('click', function(e) {
    handlers["#{count}"].open({
        name: "#{plan[:name].capitalize} plan",
        description: "Sign up for #{plan[:name].capitalize} plan",
        email: "#{current_user.email}",
        amount: "#{plan[:stripe_price]}"
    });
    e.preventDefault();
});

在将数据发送到我的订阅控制器方面,一切都很完美,我可以在Stripe上成功创建订阅。我需要做的就是重定向用户。

我在我的控制器中使用的块是:

flash[:success] = "Successfully signed up"
puts "Got here"
respond_to do |format|
    puts request.format
    format.js { render js: "window.location = '#{root_path}';" }
end

request.format返回application/json。我认为它会返回js,因为它响应了一个AJAX请求。这是什么搞砸了重定向?如果是这样,当格式为json时,如何进行重定向?或者我完全错过了其他的东西?

1 个答案:

答案 0 :(得分:3)

只需输入数据类型javascript

即可
handlers["#{count}"] = StripeCheckout.configure({
key: "#{ENV['stripe_publishable_key']}",
locale: 'auto',
token: function(token) {
    $.ajax({
        url: `/subscriptions`,
        method: 'POST',
        data: {
            "stripeToken": token.id,
            "stripeEmail": token.email,
            "stripe_price": "#{plan[:stripe_price]}",
            "plan": "#{plan[:name]}",
            "description": "Subscription to #{plan[:name].capitalize} plan"
        },
        dataType: 'script', <--- right here
        success: `window.location = '/'`
    });
  }
});