RoR 中提供了一些方法来简化 Ajax 的使用。
1． Javascript_include_tag
这是一个引入 javascript 文件的方法 , 如果使用 <%=javascript_include_tag(:defaults)%> 那么将引入 controls.js,dragdrop.js,effects.js,prototype.js 这四个 js 文件。使用 <%=javascript_include_tag(“common”)%> 将引入在 public/javascripts/ 下的 common.js 文件。
2． link_to_remote
这是一个很方便使用的方法，它可以返回一段 html 代码段然后更新一个区域。例子：
<%= link_to_remote ( " 编辑 " , :update => "type" , :url =>{
:controller => "types" , :action => "edit" , :id =>type.id}%>
<div id=”type”>
</div>
:update 对应的值就是要更新的区域， : controller 对应的是控制类， :action 对应的是执行控制类中的那个方法。 :id 是要传入的参数。
也可以用回掉方法来接受返回回来的 html 代码或者是 xml. 例子：
<%= link_to_remote ( " 编辑 " , :url =>{ :action => "edit" , :id =>submodule.id},
:complete => "showEditModuleDialog(request)" )%>
function showEditModuleDialog (request){
alert(request.responseText);
alert(request.responseXML);
}
3． form_remote_tag
这个方法可以使你提交一个 form 而不用提交整个页面。例子：
<%=form_remote_tag( :update => "bugsetting" , :url =>{ :controller => "systems" ,
:action => "create" })%>
<table>
<tr>
<td> 操作系统名称 : </td>
<td> <%= text_field 'system', 'name' %></td>
</tr>
<tr>
<td> 错误等级说明 : </td>
<td> <%= text_field 'system', 'description' %></td>
</tr>
<tr>
<td colspan ="2">
<input type ="submit" value=" 保存 " />
</td>
</tr>
</table>
<%= end_form_tag %>
这边参数的使用和 link_to_remote 的使用是一样的。