我正在使用ajax创建属于特定主题的帖子,我在帖子索引页面中呈现表单.每个帖子都有很多标签,我也使用设计认证和CanCanCan授权.

我需要捕获帖子提交的错误消息并通过此JavaScript模板Create.js.erb在浏览器中显示自定义错误消息,而不是在帖子表单中.

以下是代码:

后控制器

class PostsController < ApplicationController
  load_and_authorize_resource
  before_action :set_post, only: [:show, :edit, :update, :destroy, :update_status]
  skip_before_action :verify_authenticity_token

  # GET /posts
  # GET /posts.json
  def index
    if params[:topic_id].present?
          @topic = Topic.find(params[:topic_id])
          @posts = @topic.posts.paginate(page: params[:page], per_page: 10)
      @post = @topic.posts.new
    else
      @posts = Post.eager_load(:topic, :user).paginate(page: params[:page], per_page: 10)
    end
    @tags =Tag.all
    end

  # GET /posts/1
  # GET /posts/1.json
  def show
      @tags = @posts.tags
  end

  def update_status
      current_user.posts<<(@posts)
  end

  # GET /posts/new
  def new
      @topic = Topic.find(params[:topic_id])
    @posts = @topic.posts.new
    @tags =Tag.all
  end

  # GET /posts/1/edit
  def edit
    @tags = @posts.tags
  end

  # POST /posts
  # POST /posts.json
  def create

      @topic = Topic.find(params[:topic_id])
    @posts = @topic.posts.create(post_params)

    respond_to do |format|
      @posts.user_id = current_user.id
      if @posts.save
        format.html { redirect_to topic_posts_path(@topic), notice: 'Post was successfully created.' }
        format.js
        format.json { render :show, status: :created, location: @posts }

      else
        format.html { render :new }
        format.json { render json: @posts.errors, status: :unprocessable_entity }
      end
    end
  end

  # PATCH/PUT /posts/1
  # PATCH/PUT /posts/1.json
  def update
      @tags = @posts.tags
    respond_to do |format|

      if params[:rate].to_i>0
        @posts.ratings.create(:star => params[:rate])
        format.html { redirect_to post_path(@posts), notice: 'Rating was successfully updated.' }

      elsif @posts.update(post_params)
        format.html { redirect_to post_path(@posts), notice: 'Post was successfully updated.' }
        format.json { render :show, status: :ok, location: @posts }

      else
        format.html { render :edit }
        format.json { render json: @posts.errors, status: :unprocessable_entity }
      end
    end
  end


  # DELETE /posts/1
  # DELETE /posts/1.json
  def destroy
    @posts.destroy
    respond_to do |format|
      format.html { redirect_to topic_posts_url(@posts.topic_id), 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
     @posts = 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(:image, :name, :message, :topic_id, {tag_ids:[]}, :rate, :user_id)
    end

  protected

    def json_request?
      request.format.json?
    end
end

发表表格

<%= form_for [@topic, @post], remote: true do |f| %>
  <% if @post.errors.any? %>
    

      
<%= pluralize(@post.errors.count, "error") %> prohibited this post from being saved:

      

      <% @post.errors.full_messages.each do |message| %>
        
<%= message %>
      <% end %>
      
    


    

      <%= f.label :Image %>

      <%= f.file_field :image %>
    
    

    <%= f.label :Name %>

    <%= f.text_field :name %>
  
  

    <%= f.label :Message %>

    <%= f.text_area :message %>

  

  <% if @tags %>
  <% @tags.each do |tag| %>
    

        <%= check_box_tag "post[tag_ids][]", tag.id, @post.tags.include?(tag) %>
        <%= tag.name %>
    
  <% end %>
  <% end %>
  



  <%= link_to 'Create Tag', tags_path %>
    


  <%= f.submit %>

<% end %>

create.js.erb

$("#post_table").append("<%= j render @posts %>");

alert("Post created")

index.html.erb

<%= notice %>


  <%= image_tag "ajax-loader.gif" %>





<%= will_paginate %>

Listing Posts

    <%= render @posts %>
  

  

  

    
Name
    
Author
    
Message
    
Status
    

  
  
  







<% if @topic %>
    <%= link_to 'New Post', "#", id: "new_post" %>|
      

          <%= render 'form' %>
      
    <%= link_to 'Back to Topics', topic_path(@topic) %>
<% else %>
    <% link_to 'New Post', new_post_path %>
<% end %>

<%= will_paginate %>

发布模型

class Post < ActiveRecord::Base
  belongs_to :user
  belongs_to :topic
  has_many :comments
  has_and_belongs_to_many :tags
  has_many :ratings


  validates_presence_of :name, :presence => true
  validates_length_of :name, maximum: 5
  has_attached_file :image
  #validates_attachment_presence :image, :presence => true
  validates_attachment_content_type :image, :content_type => ['image/jpeg', 'image/png']
  validates_attachment_size :image, :in => 0..100.kilobytes
end

请帮我.

将您的create操作修改posts_controller.rb为类似的内容(通知format.js已添加到块的else子句中respond_to):

# POST /posts
# POST /posts.json
def create
  @topic = Topic.find(params[:topic_id])
  @posts = @topic.posts.create(post_params)

  respond_to do |format|
    @posts.user_id = current_user.id
    if @posts.save
      format.html { redirect_to topic_posts_path(@topic), notice: 'Post was successfully created.' }
      format.js
      format.json { render :show, status: :created, location: @posts }
    else
      format.html { render :new }
      format.js # call create.js.erb on save errors
      format.json { render json: @posts.errors, status: :unprocessable_entity }
    end
  end
end

然后,create.js.erb您可以检查错误并按照您的意愿处理它们.例:

<% if @post.errors.any? %>
  alert("ERROR(S): <%= j @post.errors.full_messages.join('; ') %>")
<% else %>
  $("#post_table").append("<%= j render @posts %>");
  alert("Post created");
<% end %>