首先解释一下AJAX的工作原理,其实我都忘了,翻了些以前的笔记才想起来:
比如你提交一个form的时候,不想更新整个页面,只是想更新局部的页面,因为其他的页面内容没有改变,不需要重新载入,否则浪费时间和带宽。这时候就用到AJAX了。
你发送一个xhr request, (XMLhtmlrequest),服务器收到这种request之后,判断request.xhr?, 如果是,则不会返回一个页面给浏览器,而是会返回一段javascript代码给浏览器,浏览器收到这段代码,就执行这段代码,然后这个过程就完成了,就实现了局部更新的目的。而处理xhr请求的代码就放在了后缀为rjs文件中了。
rails为你封装了底层的东西,使你只需要调用一些很简单的方法就可以轻松实现AJAX效果。
使用RJS模板是rails站点最简单的实现AJAX效果的方法,特别是在你需要更新网页的多个元素的时候。
在本节的例子中,我们有一个产品的页面,其中一个表格,用来提交对产品的评价,一旦提交了评价,就会发出一个http post 请求给server,然后server重新发送这个页面给浏览器,浏览器重新载入这个页面。
当用户提交一个新的评论以后,这个页面的很多地方都要被更新,比如显示评论数量的文本,新的评论被加到评论列表中,然后页面上部会有一个flash来告诉用户添加成功了,所有这些需要更新的地方都将被我们的RJS模板更新。
首先,我们修改一下view,让他发出的是一个xhr请求,而不是post请求。
比如你提交一个form的时候,不想更新整个页面,只是想更新局部的页面,因为其他的页面内容没有改变,不需要重新载入,否则浪费时间和带宽。这时候就用到AJAX了。
你发送一个xhr request, (XMLhtmlrequest),服务器收到这种request之后,判断request.xhr?, 如果是,则不会返回一个页面给浏览器,而是会返回一段javascript代码给浏览器,浏览器收到这段代码,就执行这段代码,然后这个过程就完成了,就实现了局部更新的目的。而处理xhr请求的代码就放在了后缀为rjs文件中了。
rails为你封装了底层的东西,使你只需要调用一些很简单的方法就可以轻松实现AJAX效果。
使用RJS模板是rails站点最简单的实现AJAX效果的方法,特别是在你需要更新网页的多个元素的时候。
在本节的例子中,我们有一个产品的页面,其中一个表格,用来提交对产品的评价,一旦提交了评价,就会发出一个http post 请求给server,然后server重新发送这个页面给浏览器,浏览器重新载入这个页面。
当用户提交一个新的评论以后,这个页面的很多地方都要被更新,比如显示评论数量的文本,新的评论被加到评论列表中,然后页面上部会有一个flash来告诉用户添加成功了,所有这些需要更新的地方都将被我们的RJS模板更新。
首先,我们修改一下view,让他发出的是一个xhr请求,而不是post请求。
发表评论
-
12.3.3 scaling issue of the status feed
2011-10-30 17:54 825the problem of the implementati ... -
12.3 the status feed
2011-10-30 15:34 8611. we need to get all the micro ... -
12.2 a working follow button with Ajax
2011-10-29 18:10 9141. in the last chapter, in the ... -
12.2 a web interface for following and followers.
2011-10-28 22:14 8801.before we do the UI, we need ... -
12. following user, 12.1 relationship model
2011-10-18 14:29 7551. we need to use a relationshi ... -
11.3 manipulating microposts.
2011-10-17 15:31 9011. since all micropost actions ... -
11.2 show microposts.
2011-10-17 12:01 7051. add test to test the new use ... -
11.1 user micropost -- a micropost model.
2011-10-17 10:43 11081. we will first generate a mic ... -
10.4 destroying users.
2011-10-16 15:47 747in this chapter, we will add de ... -
10.3 showing users list
2011-10-15 20:41 778in this chapter, we will do use ... -
10.2 protect pages.
2011-10-15 15:11 668again, we will start from TD ... -
10.1 updating users.
2011-10-14 18:30 7101. git checkout -b updating-use ... -
9.4 sign out
2011-10-13 15:21 738whew!!!, last chapter is a long ... -
9.3 sign in success.
2011-10-12 15:39 7521. we will first finish the cre ... -
9.1 about flash.now[:error] vs flash[:error]
2011-10-12 15:37 727There’s a subtle difference ... -
9.2 sign in failure
2011-10-12 12:19 660start from TDD!!! 1. requir ... -
9.1 sessions
2011-10-12 10:00 645a session is a semi-permanent c ... -
what test framework should you use?
2011-10-11 16:56 0for integration test, i have no ... -
what test framework should you use?
2011-10-11 16:56 0<p>for integration test, ... -
8.4 rspec integration tests
2011-10-11 16:53 723in integration test, you can te ...
相关推荐
阅读这本书可能会帮助深入理解rjs在Rails中的应用,以及如何利用rjs进行Ajax开发。 总的来说,rjs技术是Rails开发中的一个重要组成部分,特别是在处理动态内容和提高用户体验方面。尽管现代前端技术不断发展,但...
**条码检测仪RJS D4000+中文操作说明书** 在信息技术高度发达的今天,条码作为数据传输和管理的重要工具,广泛应用于零售、物流、医疗等多个领域。条码检测仪,如RJS D4000+,是确保条码质量和效率的关键设备。本文...
由于提供的信息有限,我将基于标题《RJS D4000+条码检测仪中文操作说明书》和描述《RJS D4000+条码检测仪中文操作说明书,比较简洁的中文操作说明书,都可以看明白的》进行知识点的生成。同时,会参考提供的部分内容...
RJS templates are an exciting and powerful new type of template added to Rails 1.1. Unlike conventional Rails templates that generate HTML or XML, RJS templates generate JavaScript code that is ...
标题中的“一些RJS资源和演示入门教程”指的是与Ruby JavaScriptSerializer (RJS)相关的学习材料和实践示例,这是一门技术,主要用于在Rails框架下生成JavaScript代码。RJS通常用于更新页面的部分内容,无需刷新整个...
根据给定的文件信息,关于RJS D4000+条码检测仪的中文设置操作手册,这里可以提炼出一系列相关知识点,帮助用户更好地理解和操作该款条码检测仪。以下知识点涵盖了从条码检测仪的基本概念、操作到维护保养等多方面的...
RJS D4000+条码检测仪分析结果说明书以及使用过程中注意事项。
这里我们将深入探讨这三个工具以及它们如何协同工作以实现文件压缩。 首先,`require.js` 是一个异步模块定义(AMD)的实现,它允许我们在浏览器端按需加载JavaScript模块,从而避免一次性加载所有脚本导致的延迟问题...
当前rjs处于alpha状态,这意味着性能和稳定性不能代表我们想要的最终结果,并且公共API可能仍会更改。 有关项目当前状态和最终目标的详细说明,请参见。贡献可以通过创建拉取请求来完成贡献。 始终欢迎您提出小问题...
例如,现代无人驾驶汽车通常会搭载高性能的中央处理单元(CPU)、图形处理单元(GPU)、多传感器系统、高精度地图和复杂的通信系统。这些组件和系统协同工作,共同保证智能汽车能够实现复杂的自动驾驶功能。 文章中...
今天我们将聚焦于在PyPI上找到的一个特定资源——"calmjs.rjs-1.0.0.tar.gz",这是一个Python库的压缩包文件,用于特定的功能扩展。 首先,我们来理解一下什么是Python库。Python库,也称为模块,是一组预先编写好...
### RJS Cheatsheet知识点详解 #### 一、RJS简介 RJS(Remote JavaScript Template)是Ruby on Rails框架中的一个特殊组件,用于在服务器端生成JavaScript代码,并将其发送到客户端执行,从而实现动态更新页面的...
RJS.Web.WebControl.PopCalendar.dll下载,用于网页asp 时间选取周别
本文将重点介绍RJS D4000+和HHP/Honeywell QC800这两款条码检测仪的常见故障及维修方法。 RJS D4000+是一款高级的条码检测仪,它提供了精确的条码分析和评估,以满足各种行业标准。当遇到设备故障时,首先要检查...
rjs:R中的建模。JavaScript中的交互性。 rjs旨在帮助您利用JavaScript的可视化库和R的建模包来构建量身定制的交互式应用程序。 (这是的重构版本,在很大程度上是向后兼容的。我不久jsReact教程rjs到rjs ,现在请...
为了解决这个问题,我们可以采用AJAX技术,只加载第一级节点,然后在用户点击节点时动态获取并显示其子节点,这样显著减少了每次请求的数据量,提高了页面响应速度。 在尝试实现AJAX树的过程中,作者最初考虑沿用...
gulp-require-rjs 扩展代码形式 r.js优化插件描述到r.js的gulp接口。 您可以使用r.js优化器同时打包多个文件。 可以将参数直接传递到r.js。 添加一个名为outPath的参数,以便可以更改打包方式; 默认值为baseUrl 。...
rjs:JavaScript中的R 在JavaScript中引入R,这是一种由支持的将R代码直接插入网站的。 您可以通过2个简单的步骤使用它。步骤1 在html文件的任意位置添加[removed][removed] (或在本地下载r.js )。第2步将class = ...