How to use format js in rails 7?

Question

I'm using gem stripe in rails 7 and I'd like to access the checkout page to make the payments or cancel the order, however, since it is rails 7 (and does not have a webpacker and nothing related to javascripts) it does not want to recognize the js format at the time of the request

My checkout_controller.rb

 class CheckoutController < ApplicationController
    def create
      @session = Stripe::Checkout::Session.create({
      success_url: root_url,
      cancel_url: root_url,
      payment_method_types: ['card'],
      line_items: [
        { price: 'price_1JLaadjkjcanlsr', quantity: 1 },
      ],
      mode: 'payment',
     })

    # here is my problem, not working
    respond_to do |format|
       format.js
     end
   end
 end

This is the code in case it recognizes the format.js in the request /chekout/create.js.erb

   var stripe = Stripe("<%= Rails.application.credentials.dig(:public_key) %>");

   stripe.redirectToCheckout({ 
     sessionId: '<%= @session.id %>' 
   }).then(function (result) { 
     console.log(result.error.message); });

routes

  post "checkout/create", to: "checkout#create", as: "checkout_create"

Link to access the stripe payment method

 <%= button_to 'Checkout', checkout_create_path, method: :post, remote: true %>

My stripe script in application.html.erb

 
 <%= stylesheet_link_tag "inter-font", "data-turbo-track": "reload" %>

The error that I get it

# ActionController::UnknownFormat Extracted source (around line #21):
         
     })

     respond_to do |format|
        format.js
     end
   end

If anyone has been able to work on rails 7 with format js in requests and could help me I'd be very grateful

user_15374469 · Answer

class CheckoutController < ApplicationController
def create
  @session = Stripe::Checkout::Session.create({
  success_url: root_url,
  cancel_url: root_url,
  payment_method_types: ['card'],
  line_items: [
    { price: 'price_1JLaadjkjcanlsr', quantity: 1 },
  ],
  mode: 'payment',
 })

# Try do this! Hope this work for you
  redirect_to @session.url, allow_other_host: true
 end

When you use the Stripe Checkout you need to redirect to the Stripe Site to complete the transaction. Here is a youtube link where explain how to set up in Rails 7 and I found the solution here - Hope it works for you

How to use format js in rails 7?

1 Answers