prototype in rails

1.prototype是rails 的内置javascript库。prototype.js文件默认是在public/javascripts目录下

2..rhtml页面导入prototype.js

1. <%=javascript_include_tag "prototype"%>  

 

3. link_to_remote使用

在test1.rhtml里发起ajax调用

1. <%= link_to_remote("Do the ajax thing",:update => 'mydiv',:url => { :action => :say_hello })%>   
2. <div id="mydiv"> the text will be chanaged</div>  

可以通过查看生成页面的源文件，可以看到这段代码最终生成的为：

js 代码

1. <a href="#" onclick="new Ajax.Updater('mydiv', '/ajax_test/say_hello', {asynchronous:true, evalScripts:true}); return false;">Do the ajax thing</a>   
2. <div id="mydiv"> the text will be chanaged</div>  

可以看到要执行ajax_test_controller里的say_hello方法

所以需要定义一个say_hello方法

ruby 代码

1. def say_hello   
2.    #不使用任何layout   
3.     render(:layout => false)   
4. end  

 

定义对应试图say_hello.rhtml

1. <em>hello from ajax </em>  

运行即可看到效果