1.prototype是rails 的内置javascript库。prototype.js文件默认是在public/javascripts目录下
2..rhtml页面导入prototype.js
- <%=javascript_include_tag "prototype"%>
3. link_to_remote使用
在test1.rhtml里发起ajax调用
- <%= link_to_remote("Do the ajax thing",:update => 'mydiv',:url => { :action => :say_hello })%>
- <div id="mydiv"> the text will be chanaged</div>
可以通过查看生成页面的源文件,可以看到这段代码最终生成的为:
js 代码
- <a href="#" onclick="new Ajax.Updater('mydiv', '/ajax_test/say_hello', {asynchronous:true, evalScripts:true}); return false;">Do the ajax thing</a>
- <div id="mydiv"> the text will be chanaged</div>
可以看到要执行ajax_test_controller里的say_hello方法
所以需要定义一个say_hello方法
ruby 代码
- def say_hello
-
- render(:layout => false)
- end
定义对应试图say_hello.rhtml
- <em>hello from ajax </em>
运行即可看到效果
分享到:
相关推荐
4. **高级主题**(Part IV - Advanced Topics):这部分讨论了一些高级话题,例如如何在实践中综合运用 Prototype 和 Scriptaculous、如何与 Rails 框架集成等。此外,书中还附带了三个附录,分别介绍了 HTTP 协议...
- **第13章:Prototype、Scriptaculous与Rails**:探讨这些库与Ruby on Rails框架的结合使用方法。 此外,书中还包括三个附录,分别涉及HTTP基础知识、测量HTTP流量以及Tomcat安装设置等内容,为读者提供了全方位...
- 在 `Learn about what’s new in version 1.6` 这个链接中,用户可以了解到 Prototype 1.6 相比之前版本的新特性、改进和修复的问题。 综上所述,Prototype 1.6 是一个强大的 JavaScript 库,它提供了丰富的功能...
With a prototype demonstration in late 2007 and a key hire of Phil Haack as the Senior Program Manager of the feature team, Mr. Guthrie made the vision a reality. At a time when the .NET community ...
《Kapslock-prototype:构建Kapslock.in网站设计与开发原型详解》 在网站设计与开发的过程中,原型扮演着至关重要的角色。它为设计师和开发者提供了一个清晰的视觉指南,帮助他们理解项目的整体结构、功能和用户...
Ruby on Rails provides built-in AJAX functionality through its API over Prototype and Scriptaculous. Let's explore how this integration is implemented using a simple example of locking and unlocking ...
Aptana是一个基于Eclipse的集成...× prototype/dojo等常见AJAX类库集成和提示 × JSON编辑器 2、Adobe AIR开发环境 3、Apple iPhone开发环境 4、Ruby on Rails开发环境 5、PHP开发环境 6、JavaScript调试器
在这一章中,作者列出了当时流行的Ajax库,如Prototype、jQuery等,并分析了它们的优势和适用场景。这些工具库简化了JavaScript编程,让开发者可以更快地构建功能丰富的Ajax应用。 **第6章:Ajax与用户体验** 本章...
In fact, they were shamelessly ported from rails almost verbatim. You can also see some of the amazing effects available through the Prototype javascript library. This is a demo not an application...
Scriptaculous的优势在于与Prototype的无缝集成,以及在《Ajax in Action》一书中的推荐,但其兴起时间较短,成熟度有待验证。 #### 五、YUI Ext YUI Ext是基于Yahoo UI的扩展框架,专注于构建具有复杂Layout布局...
Prototype模式是一种创建型模式,用于按现有对象创建新对象的同时更改某些属性。这种模式提供了一种替代创建对象的构造函数的新机制。 #### Singleton(单例) 单例模式确保一个类只有一个实例,并提供一个全局...
KO和jQuery (或Prototype等)是竞争关系还是能一起使用? 所有人都喜欢jQuery! 它是一个在页面里操作元素和事件的框架,非常出色并且易使用,在DOM操作上肯定使用jQuery,KO解决不同的问题。 Everyone loves jQuery!...
- **Paginate, sort and search a table with Ajax and Rails**:提供动态界面,避免页面重载,提升用户体验。 - **Collapsible tables with DOM and CSS**:通过DOM操作和CSS控制表格的展开和折叠,适合于复杂数据...