我有两种方法可以在Rails 3应用程序中实现ajax。
1-使用文件viewaction.js或viewaction.js.coffee中的jquery将事件绑定在提交上,并管理返回的json以修改DOM中的内容。
2-在Rails中使用remote => true标记并编写一个名为viewaction.js.erb的文件,以便在DOM中进行修改并使用在控制器中加载的类变量。
由于
答案 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就像调用相同方法的包装器一样。