在Rails 3中使用.js.erb for Ajax(jquery .js vs .js.erb)

时间:2012-05-29 19:14:34

标签: javascript jquery ajax ruby-on-rails-3

我有两种方法可以在Rails 3应用程序中实现ajax。

1-使用文件viewaction.js或viewaction.js.coffee中的jquery将事件绑定在提交上,并管理返回的json以修改DOM中的内容。

2-在Rails中使用remote => true标记并编写一个名为viewaction.js.erb的文件,以便在DOM中进行修改并使用在控制器中加载的类变量。

  • Rails 3中的推荐方法是什么?
  • Rails的方法是什么?
  • 最佳做法是什么?
  • 当其中一个替代方案最好的时候的具体情况 其他
  • 大项目的建议是什么?

由于

1 个答案:

答案 0 :(得分:9)

在Rails 3之前,添加:remote => true会在表单标记内部生成一堆内联JavaScript,但使用Rails 3 UJS时,唯一的变化是添加了HTML 5自定义属性data-remote=true 。例如:

<%= form_for(@post, :remote => true) do |f| %>  

将生成

<form accept-charset="UTF-8" action="/posts" class="new_post" data-remote="true" id="new_post" method="post">  

目前,这是rails3方法。生成它的js函数位于rails.js文件下。 如果打开 rails.js 文件,您会注意到几个远程处理程序定义。第一个处理远程表单提交的情况,第二个处理远程链接和输入字段,第三个处理应该表现形式的非远程链接。

来自looking deeper into the code我发现这个文件实际上执行了jQuery ajax调用:

ajax: function(options) {
      return $.ajax(options);
    },

所以在使用:remote => true和常规jQuery ajax调用之间没有区别 rails就像调用相同方法的包装器一样。

更多信息hereherehere