Rails 5.1.2 Ajax remote: true not working

Viewed 4205

I would like to implement ajax to create a post, without recharging the page and not going to the show (I following a tutorial) but is not working.

in the _form.html.haml you can see remote:true in the form helper

= form_for @post,remote: true do |f| 
  - if @post.errors.any?
  #error_explanation
  %h2= "#{pluralize(@post.errors.count, "error")} prohibited this post 
  from being saved:"
    %ul
      - @post.errors.full_messages.each do |message|
        %li= message

  .mdl-textfield.mdl-js-textfield.full-width
    = f.text_area :body, class:"mdl-textfield__input"
    = f.label :body, "Comparte con la Comunidad", class:"mdl-
    textfield__label"
  .actions.text-right
    = f.submit 'Publicar', class:"mdl-button mdl-js-button mdl-button--
    raised mdl-button--colored"

however when the post is created, the application redirect to the show of the post created recently in html format, it should be stay in the form.

I don't know if the version of Rails 5.1.2 has a issue, but in Rails 4 with only typing remote: true the application stay in the form after the submit action.

post controller:

class PostsController < ApplicationController
  before_action :set_post, only: [:show, :edit, :update, :destroy]

  # GET /posts
  # GET /posts.json
  def index
    @posts = Post.all
  end

  # GET /posts/1
  # GET /posts/1.json
  def show
  end

  # GET /posts/new
  def new
    @post = Post.new
  end

  # GET /posts/1/edit
  def edit
  end

  # POST /posts
  # POST /posts.json
  def create
    @post = current_user.posts.new(post_params)

    respond_to do |format|
      if @post.save
        format.html { redirect_to @post, notice: 'Post was successfully created.' }
        format.json { render :show, status: :created, location: @post }
      else
        format.html { render :new }
        format.json { render json: @post.errors, status: :unprocessable_entity }
      end
   end
end

# PATCH/PUT /posts/1
# PATCH/PUT /posts/1.json
def update
  respond_to do |format|
    if @post.update(post_params)
      format.html { redirect_to @post, notice: 'Post was successfully updated.' }
      format.json { render :show, status: :ok, location: @post }
    else
      format.html { render :edit }
      format.json { render json: @post.errors, status: :unprocessable_entity }
    end
  end
end

# DELETE /posts/1
# DELETE /posts/1.json
def destroy
  @post.destroy
  respond_to do |format|
    format.html { redirect_to posts_url, notice: 'Post was successfully destroyed.' }
    format.json { head :no_content }
  end
end

private
# Use callbacks to share common setup or constraints between actions.
def set_post
  @post = Post.find(params[:id])
end

# Never trust parameters from the scary internet, only allow the white list through.
def post_params
  params.require(:post).permit(:body)
end
end

also I have a show.js.erb file to render a view to see the body of the post after he is created.

show.js.erb

$('#posts').append("<%= render j @post %>")

_post.haml

%article
  =post.body
1 Answers
Related