本题讲述Rails处理Ajax返回中的javascript的几种方法:
1. html.erb中的javascript代码。
Javascript代码嵌于<script>的tag中。javascript代码会在客户端被执行(执行之后并不保留源码,对于下述几种方法也一样)。
2. js.erb中的javascript代码
Javascript代码直接写于js.erb文件中,不需要<script> tag。Render这个文件,文件中的javascript代码会在客户端被执行。注意,这里的请求必须是ajax调用,即request.xhr?应该为true。否则程序会报错,提示找不到相应的erb文件。因为如果为非ajax调用,程序默认会去找html.erb文件,而非js.erb文件。
3. RJS
RJS的本质是使javascript的编写更加简单方便,用ruby代码直接代替javascript代码的编写。这就好比form_tag这些helper方法用于简化html代码的编写一样。
比如下面这段代码:
render :update do |page|
page.insert_html :bottom, 'strip', :partial => 'strip'
page.visual_effect :highlight, 'strip'
page.replace_html 'flash_message', :partial => 'flash_message'
end
这段代码做了三件事情:a. 在id为strip的html下面插入由strip这个partial render出来的html代码。b. 高亮显示以strip为id的html。c. 用由flash_message这个partial渲染出来的html替换页面中flash_message为id的html。
本质上,上面这段代码只是生成了一段javascript代码。经过观察,如果你采用了jquery,那么这段javascript代码被包含在一个try {} catch {}的结构中。它会在客户端被eval。
如果没有rjs这样的支持,直接用javascript编写这段代码的难度不言自明。当需要一个调用触发多个客户端更新时,就应该考虑使用rjs。
注意,如果你是用link_to_remote发起这个调用,那么请去掉它的参数:update。否则这段javascript代码不会被执行,而是被当做html代码被更新在:update所指定的位置。
最后:
记住一句话,Ajax take away the control of HTTP from the browser。
分享到:
相关推荐
本次聊天使用: MySQL 和 ActiveRecord Javascript、Jquery 和 ajax 调用Ruby 2.1 导轨 4 css3 html5 陷阱: 此应用程序不使用迁移、数据库种子、复杂的会话、表单助手等。 我们创建它只是为了好玩。 代码库可以...
它不需要AJAX调用来检索模板(或您将它们手动设置为DOM)。 用法 1.添加宝石 在Gemfile中 gem 'angular-rails-templates' 2.在Rails Asset Pipeline中包含模板 然后,在application.js文件中,需要angular-rails-...
ExtR 一个开源的Ruby on Rails 4.x和Ruby on Rails 3.x引擎,用于在Rails应用程序中使用Ext.... 看一看: 使用JQuery进行普通Ajax调用$.ajax({ url: "projects", context: document.body, success: function(){ alert
涡轮链接滚动 在Turbolinks AJAX调用之间保持滚动位置。 基于Sedad Kosovac撰写的的代码建立import { turbolinksScrollSetup } from "turbolinks-scroll"// automatically persist scroll on click or submit// for ...
nprogress-rails 这基本上是一个用于资产管道的 ruby gem,其中包括很棒的 ' 库的 0.1.6 版。 安装 将此行添加到应用程序的 Gemfile 中: ... 还想要它用于简单的 jQuery AJAX 调用吗? 只需
6个目标文件,EJB来模拟银行ATM机的流程及操作:获取系统属性,初始化JNDI,取得Home对象的引用,创建EJB对象,并将当前的计数器初始化,调用每一个EJB对象的count()方法,保证Bean正常被激活和钝化,EJB对象是用...
将来我想学习如何使用 AJAX 调用或其他一些前端库来更新页面,而不是每次都为这样一个小应用程序执行 HTTP 请求。 也许我会阅读backbone.js 或类似的东西。 请随时向我发送有关我的代码的反馈。 如果你也只是在...
MyBatchFramework 是一个开源的轻量级的用以创建可靠的易管理的批量作业的Java包,主要特点是多线程、调度、JMX管理和批量执行报表,执行历史等。 SIP协议包 jSIP.tar jSIP这个Java包目标是用Java实现SIP(SIP:...
6个目标文件,EJB来模拟银行ATM机的流程及操作:获取系统属性,初始化JNDI,取得Home对象的引用,创建EJB对象,并将当前的计数器初始化,调用每一个EJB对象的count()方法,保证Bean正常被激活和钝化,EJB对象是用...
MyBatchFramework 是一个开源的轻量级的用以创建可靠的易管理的批量作业的Java包,主要特点是多线程、调度、JMX管理和批量执行报表,执行历史等。 SIP协议包 jSIP.tar jSIP这个Java包目标是用Java实现SIP(SIP:...
MyBatchFramework 是一个开源的轻量级的用以创建可靠的易管理的批量作业的Java包,主要特点是多线程、调度、JMX管理和批量执行报表,执行历史等。 SIP协议包 jSIP.tar jSIP这个Java包目标是用Java实现SIP(SIP:...
MyBatchFramework 是一个开源的轻量级的用以创建可靠的易管理的批量作业的Java包,主要特点是多线程、调度、JMX管理和批量执行报表,执行历史等。 SIP协议包 jSIP.tar jSIP这个Java包目标是用Java实现SIP(SIP:...
MyBatchFramework 是一个开源的轻量级的用以创建可靠的易管理的批量作业的Java包,主要特点是多线程、调度、JMX管理和批量执行报表,执行历史等。 SIP协议包 jSIP.tar jSIP这个Java包目标是用Java实现SIP(SIP:...
MyBatchFramework 是一个开源的轻量级的用以创建可靠的易管理的批量作业的Java包,主要特点是多线程、调度、JMX管理和批量执行报表,执行历史等。 SIP协议包 jSIP.tar jSIP这个Java包目标是用Java实现SIP(SIP:...
MyBatchFramework 是一个开源的轻量级的用以创建可靠的易管理的批量作业的Java包,主要特点是多线程、调度、JMX管理和批量执行报表,执行历史等。 SIP协议包 jSIP.tar jSIP这个Java包目标是用Java实现SIP(SIP:...
MyBatchFramework 是一个开源的轻量级的用以创建可靠的易管理的批量作业的Java包,主要特点是多线程、调度、JMX管理和批量执行报表,执行历史等。 SIP协议包 jSIP.tar jSIP这个Java包目标是用Java实现SIP(SIP:...
MyBatchFramework 是一个开源的轻量级的用以创建可靠的易管理的批量作业的Java包,主要特点是多线程、调度、JMX管理和批量执行报表,执行历史等。 SIP协议包 jSIP.tar jSIP这个Java包目标是用Java实现SIP(SIP:...
MyBatchFramework 是一个开源的轻量级的用以创建可靠的易管理的批量作业的Java包,主要特点是多线程、调度、JMX管理和批量执行报表,执行历史等。 SIP协议包 jSIP.tar jSIP这个Java包目标是用Java实现SIP(SIP:...
MyBatchFramework 是一个开源的轻量级的用以创建可靠的易管理的批量作业的Java包,主要特点是多线程、调度、JMX管理和批量执行报表,执行历史等。 SIP协议包 jSIP.tar jSIP这个Java包目标是用Java实现SIP(SIP:...