Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

206
Views
Rails - Actualizar vista cuando se envía el formulario sin actualizar la página

Estoy creando una aplicación de Rails en la que hay ejercicios y respuestas de usuario. Cuando el usuario ve un ejercicio, hay un formulario que puede enviar con la respuesta que cree correcta.

Al enviar, quiero que se muestre la misma vista, sin actualizar, pero con un nuevo div que tenga la solución del ejercicio. La vista que se muestra son los ejercicios/espectáculo y un formulario presentado en la carpeta user_answers. En este momento, mi código se ve así:

ejercicios/show.html.erb

 <div class="container exercise-page"> <h2 class="exercise-title">Exercício <%= @exercise.id %> de <%= @exercise.category %> - <%= @exercise.sub_category %></h2> <br> <%= render 'user_answers/user_answer_form' %> <br> <div id="solution_exercise"> </div>

user_answers/_user_answer_form.html.erb

 <%= simple_form_for [@exercise, @user_answer], authenticity_token: true, remote:true, :method => 'POST', :html=> { class: 'col-xs-12 col-sm-12 col-lg-3 mx-auto text-center list-group', id:"form"} do |f| %> <%= f.simple_fields_for :answers, include_id: false do |answer| %> <%= f.input_field :answer, label: 'Answer', as: :radio_buttons, class: 'form-check-input', :item_label_class => 'list-group-item', name: 'answer', collection: @answers, label_method: :answer %> <br> <%= f.submit 'Submit Answer!', class: "btn btn-outline-success", id: "submit" %> <% end %>

usuario_respuestas_controlador.rb

 def create @user_answer = UserAnswer.new(user_answer_params) @answers = Exercise.find(params[:exercise_id]).answers @exercise = Exercise.find(params[:exercise_id]) @user_answer.exercise = @exercise @user_answer.answer = @exercise.answers.find(params[:answer]) @user_answer.user_id = current_user.id @user_answer.save respond_to do |format| format.js end end

respuestas_usuario/create.js.erb

 solution = document.querySelector("solution_exercise") solution.innerHTML = '<%= j render partial: "solution" %>'

respuestas_usuario/_solution.html.erb

 <p>Your answer: <%=current_user.user_answers.last.answer.answer%></p>

El error:

ingrese la descripción de la imagen aquí

¿Alguien sabe lo que estoy haciendo mal?

about 4 years ago · Santiago Gelvez
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!