Rails远程表单成功，但不返回任何数据

Question

我有一个简单的远程表单，带有一个输入和发送按钮。 我为ajax创建了监听器：success：

$ ->
  $form = $('#post-form')

  $form.on 'ajax:success', (e, data, status, xhr) ->
    console.log e
    console.log data
    console.log status
    console.log xhr

而我的控制器：

  def create
    @post = Post.new(post_params)
    @post.user_id = 3

    if @post.save
      render partial: 'posts/view', locals: { post: @post }, status: :ok
    else
      render json: @post.errors, status: :unprocessable_entity
    end
  end

我看到请求在后端传递，并返回状态200：

Rendered posts/_view.html.erb (3.0ms) [cache miss]
Completed 200 OK in 480ms (Views: 466.6ms | ActiveRecord: 7.0ms)

但在devtools我看到：

我究竟做错了什么？

Answer 1

在创建帖子后我不确定您要对数据做什么，但是为了接收通过JSON发送到操作的数据，您必须从该操作返回JSON ，如下所示：

def create
  @post = Post.new(post_params)
  @post.user_id = 3

  respond_to do |format|
    if @post.save
      format.html { render partial: 'posts/view', locals: { post: @post } }
      format.json { render json: @post, status: :created }
    else
     format.html { render :new } # assuming you have a view file named "views/posts/new.html.erb"
      format.json { render json: @post.errors, status: :unprocessable_entity }
    end
  end
end

这样你可以处理请求，如果它是JSON ，你可以处理请求，如果它只是纯HTML 。

Answer 2

快速TL; DR：

假设您的上述代码，这是您正在寻找的json响应：

e.detail[0]

这也让我感到烦恼。 询问回来的一个对象会引导我回答 - 结果正文可以在回来时使用。 我的Rails应用程序没有使用jQuery，因此生成的事件对象是ajax:success result。

结果有一个名为detail的字段（在我的例子中）包含三个项目：来自被调用请求的响应主体的数据（我相信你正在寻找），字符串"OK"和XMLHttpRequest电话。

所以，在你上面的form.on回调中，如果你询问e.details[0] ，我想你会找到json数据（同样，回调中的其他参数是不必要的）。

我的假设是，在某个地方，远程调用的回调逻辑被简化为包含所有代码的单个参数。 看起来这发生在为UJS删除了对jQuery的依赖： https ： //guides.rubyonrails.org/working_with_javascript_in_rails.html#rails-ujs-event-handlers 。

Answer 3

我过去使用的技术是将DOM的一部分替换为AJAX请求的一部分，即

def create
    @post = Post.new(post_params)
    @post.user_id = 3)
    respond_to do |format|
        format.js
    end
end

在/views/posts/create.js.erb中

$("#new_item").html("<%= escape_javascript(render partial: 'posts/view', locals: { post: @post } ) %>"); 

看看这个链接 。