Question

我想实现ajax来创建一个帖子，而不是给页面充电而不去看演出（我按照教程）但是没有用。

在_form.html.haml中，您可以在帮助器

形式中看到remote：true

= 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"

然而，当创建帖子时，应用程序重定向到最近以html格式创建的帖子的节目，它应该保留在表单中。

我不知道Rails 5.1.2的版本是否存在问题，但在Rails 4中只输入了remote：true应用程序在提交操作后保留在表单中。

发布控制器：

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

我也有一个show.js.erb文件来渲染视图，以便在创建后查看帖子的主体。

show.js.erb

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

_post.haml

%article
  =post.body

Answer 1

完成！在post控制器中缺少响应JS格式和show.js.erb，render方法有错误的语法

1）发布控制器：添加format.js

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 }
      format.js { render :show }
    else
      format.html { render :new }
      format.json { render json: @post.errors, status: :unprocessable_entity }
      format.js { }
    end
 end

端

2）show.js.erb：J应该之前渲染

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

Rails 5.1.2 Ajax remote：true不工作

1 个答案: