Rails 3.1 ajax：成功处理

Question

所以我在使用 CoffeeScript、Rails 3.1 和所有好东西。我有一个包含所有常用路线索引、显示、创建、编辑、更新、销毁的资源。

索引视图有一个使用:remote => true 的表单，如下所示：

<%= form_for @todo, :remote => true do |f| %>
    <div class="field">
    <%= f.label :name %><br />
    <%= f.text_field :name %>
  </div>
  <div class="actions">
    <%= f.submit %>
  </div>
<% end %> 

在用于创建的控制器中，我有以下内容：

def create
    @todo = Todo.new(params[:todo])

    respond_to do |format|
      if @todo.save
        format.html { redirect_to @todo, notice: 'Todo was successfully created.' }
        format.json { render json: @todo, status: :created, location: @todo }
        format.js {render json: @todo }
      else
        format.html { render action: "new" }
        format.json { render json: @todo.errors, status: :unprocessable_entity }
      end
    end
  end

我试图不使用 .js.erb 视图，因为我宁愿处理返回的 JSON 并将所有花哨的附加到待办事项列表等等。 （我觉得它更干净）。

在我的 todos.js.coffee 中，我使用了以下内容：

$(document).ready ->
    $("#new_todo")
      .bind "ajax:success", (event, data) ->
        alert("Ajax SUCCESS!!!")

（是的，只是打开警告框不起作用）我尝试加载但无法触发此事件。请求确实成功完成并添加了新的待办事项。

对此的任何帮助将不胜感激。谢谢

Answer 1

1. 什么是#new_todo？是否存在具有该 ID 的元素？验证代码中的 $('#new_todo').length > 0 是否是绑定事件处理程序的正确元素。
2. 什么是ajax:success？ jQuery API 定义了一个ajaxSuccess 事件（参见Ajax Events docs），但我之前从未见过带有冒号的版本。

Answer 2

开始倒在 rails.js 上，想知道是否有任何 ajax: 回调被引发。

原来他们在 beforeSend 和错误...等一下...错误？这怎么可能？新待办事项的创建成功发生，响应是我期望的 JSON。但是在单步执行回调代码时，我注意到 Invalid label 错误。

稍后快速谷歌将我带到这篇文章http://blog.seqmedia.com/?p=484

原来 JSON 是作为字符串返回的，Firbug 得到了它并正确解析了它，所以我可以检查响应。但是rails.js和js一般不知道如何处理字符串并抛出上述错误（我可能会默默地说）。

解决方案在respond_to中

format.js {render json: @todo, content_type: 'text/json' }

感谢 Trevor Burnham（就像 BTW 书一样）的帮助以及来自 sequence media 的 Amy，他的博文最终为我提供了解决方案。