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

开始研究 Rails.js 并想知道是否有任何 ajax: 回调被引发。

事实证明，它们在 beforeSend 和 error... 等等... 错误方面都很好？怎么会这样？新待办事项的创建成功，响应是我期望的 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（顺便说一句，就像这本书）的帮助和来自sequence media的Amy，她的博客文章最终给了我解决方案。

Answer 2

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