- 浏览: 43345 次
- 性别:
- 来自: 大连
文章分类
最新评论
-
wangluo19:
刚刚好解决了我的问题,原来session factory可以把 ...
hibernate annotations和hbm.xml配置文件并存配置 -
vivei:
能者为师
ruby 1,9 多字节字符
rails3中使用非form提交的ajax操作,这里使用的js框架为jquery
html(views/users/index.html.erb):
<%= link_to "ajax_update", ajax_update_user_path(user), :id => "ajax_update_" + user.id.to_s %> 这里没有使用rails.js里面的:remote
js(views/users/index.html.erb):
<script type="text/javascript"> $(function(){ $('a[id^="ajax_update_"]').click(function(){ $.post(this.href + ".js", null, function(data) { if (data.result == "success") { alert("修改成功"); } }, "json"); return false; }); }); </script>
(1)如果post的dataType设置的是"json",ajax回调的数值格式必须是json的数据格式。否则,回调函数不会被激活。
(2)如果dataType设置的是"script",则返回客户端的是一个可执行的script代码
rails(controllers/users_controller.rb):
def ajax_update @user = User.find_by_id(params[:id]) respond_to do |format| if @user.udpate_attribute(:xxx, "1") format.js { render :json => {:result => "success"}, :layout => false } else format.js { render :json => {:result => "error"}, :layout => false } end end end
返回结果设置成json格式。
在组织成json数据格式的时候,有一点区别。
(1)如果写成这样 :json => "success", ajax 调用后能返回结果,但没有激活ajax success的回调函数
(2)如果写成这样 :json => params[:id], ajax调用后能返回结果,也激活ajax success的回调函数
返回字符串“success”不符合json的格式,没有引起回调。返回params[:id]是一个数值,也不符合json格式,却引起了客户端的回调。很怪异。。。也没有找到具体的原因
发表评论
-
rails 开源blog typo
2011-12-26 16:23 678rails open source blog: htt ... -
ROR网站
2011-07-07 10:56 904# gems http://rubygems.org/ ... -
Rail3 Plugs
2011-02-11 11:24 710Rails3 Plugs Gemfile [1] t ... -
rails3 update_all 使用:order, :limit条件时,忽略条件问题
2011-02-11 11:08 1285这个bug是在使用delay_job(2.1.2)查出来的,后 ... -
Notifications in Rails 3
2011-02-11 10:34 1029249: Notifications in Rails 3 ... -
插件扩展(2)
2011-01-28 16:41 791ruby:1.9.2 rails3.0.3 学习编写 ... -
插件扩展
2011-01-28 11:24 787在ruby on rails3 的guides,插件扩展中有这 ... -
关于restful_authentication密码更新问题
2011-01-05 22:28 1044使用restful_authentication插件时,进行更 ... -
rails3 flash 清除问题
2011-01-05 21:35 1196rails3请求之后,flash内容没有被清除? fl ... -
rails3 更新时间问题
2010-12-18 21:52 1234rails3 更新时间问题(updated_at) (未完) ... -
Ruby基本数据类型
2010-12-09 08:55 911d (转)http://blog.csdn.net/fore ... -
ruby 1,9 多字节字符
2010-12-08 08:53 955ruby 1.9 String类 length ... -
Here document
2010-12-07 08:55 756Here document 用于引入一段较复杂的内容, ... -
About Resouce
2010-12-02 21:40 821关于RESTful风格的URL设计 Singul ... -
Migration and Database Column Types
2010-11-30 23:09 925rails下迁移类与数据库类型对照表: M ... -
rails3 scope dead???
2010-11-29 18:37 1349看到一篇关于rails中是否还继续推荐使用scope的文章 ... -
Ruby Blocks
2010-11-22 08:41 844Ruby Blocks Block构成 ... -
each, map, collect
2010-11-22 08:38 746each, map, collect arr = ... -
使用cookie的session
2010-11-22 08:36 735使用cookie 的session 修改/depot/ ... -
Validation Helpers(数据验证)
2010-11-22 08:33 737validates_acceptance_of # c ...
相关推荐
在Rails早期版本中,经常使用jQuery库来增强Ajax功能。jQuery简化了DOM操作和事件处理,并提供了`$.ajax()`、`$.get()`和`$.post()`等方法来发起Ajax请求。Rails可以通过`gem 'jquery-rails'`添加对jQuery的支持,并...
首先,Rails 3引入了Unobtrusive JavaScript (UJS)的概念,这是一种与JavaScript库(如jQuery)解耦的策略,使得添加Ajax功能变得更加简单。通过在链接或表单元素上添加特定的数据属性(如`data-remote="true"`),...
3. **JQuery-ujs驱动**:Rails默认集成了jQuery库,JQuery-ujs驱动为Rails提供了与Ajax交互的桥梁。它监听带有`data-remote`属性的元素,并处理Ajax请求和响应。 4. **Ajax请求的生命周期**:在Rails中,一个Ajax...
在Ruby on Rails框架中,AJAX(异步JavaScript和XML)的使用极大地提升了用户体验,因为它允许在不刷新整个页面的情况下更新内容。Rails通过内置的Prototype.js库简化了AJAX的集成,使得开发者可以快速创建富互联网...
6. **Rails集成**:jQuery AutoComplete与Ruby on Rails框架的集成,通常涉及到控制器处理Ajax请求,返回JSON数据,以及在视图中设置jQuery插件配置。可能还需要使用`unobtrusive JavaScript`来实现Ajax请求的无刷新...
Rails 4 jquery Ajax 示例 ###演示 这是一个如何使用ajax进行CRUD操作的小示例。 安装它 git clone :sagarjunnarkar/RailsAjaxCRUD.git cd RailsAjaxCRUD 捆绑安装 配置 config/database.yml 耙数据库:设置 ...
10. **Ajax与JavaScript**:Rails与jQuery集成良好,可以方便地实现异步请求。学习如何使用`remote: true`选项创建Ajax链接和表单,以及使用Unobtrusive JavaScript(UJS)驱动JavaScript行为。 11. **Caching**:...
综上所述,解决Ruby on Rails中jquery_ujs组件拖慢速度的问题,关键在于利用CSS3的`pointer-events`属性配合JavaScript,确保在页面完全加载后再使AJAX交互生效。这样的解决方案既保持了Rails的便利性,又解决了在...
书中会讲述如何使用JavaScript库(如jQuery)来实现Ajax请求,并与Rails后端进行通信。 此外,书中可能还会涉及以下知识点: 1. 地理编码和反向地理编码:将地址转换为经纬度坐标(地理编码),以及反过来将坐标...
jQuery treeTable AJAX 示例此示例演示了将 jQuery treeTable 插件 ( ) 用于启用 AJAX 的树。 它在服务器端使用 Ruby on Rails 和 SQLite。 文件 app/views/nodes/index.html.erb 包含有趣的 Javascript 位。 当节点...
为了确保AJAX请求正常工作,还需要在`application.js`中引入jQuery库,因为Rails默认使用jQuery进行AJAX操作: ```javascript //= require jquery //= require turbolinks //= require_tree . ``` Turbolinks是...
这是一个示例应用程序,说明如何通过jQuery在Ajax Crud 4中进行操作。 我们利用$ .getJSON和$ .ajax进行AJAX。 我们没有使用不引人注目JavaScript或模板。 应用程序的根发送到静态控制器的index操作。 因此,请...
根据给定的文件信息,我们可以提炼出以下关于CoffeeScript编程与jQuery、Rails及Node.js的知识点: ### 一、CoffeeScript编程简介 CoffeeScript是一种简洁、优雅的编程语言,其设计目的是为了改善JavaScript的语法...
Rails 3支持Unobtrusive JavaScript (UJS),使得JavaScript与Rails的DOM操作和Ajax请求更加无缝。 5. **RESTful API**:Rails 3鼓励使用REST(Representational State Transfer)架构风格,这可能导致示例应用有一...
这包括AJAX的使用,以及利用Prototype或jQuery进行页面动态更新和交互。 对于视图部分,erb和haml模板语言的比较和选择,以及辅助方法的使用,都是书中重要的内容。此外,还会有关于样式表管理和响应式设计的讨论,...
ajax-datatables-rails 重要说明:该gem面向DataTables 1.10.x版。 经过测试: 滑轨5.2.4 / 6.0.3 / 6.1.0 Ruby 2.5.x / 2.6.x / 2.7.x SQLite3 PostgreSQL 13 MySQL的8 Oracle XE 11.2(感谢 ) 描述 是一...
为了添加进度条功能,我们需要引入一个前端库,如jQuery或React,并结合Ajax进行异步上传。这里我们假设使用jQuery,配合jQuery File Upload插件,它提供了一个简单的API来处理文件上传和进度事件。 1. **安装...
14. **AJAX和Unobtrusive JavaScript (UJS)**:Rails支持无侵入式JavaScript,通过数据属性和事件监听,使页面的部分内容能够异步更新,增强用户体验。 15. **ActiveJob**:Rails 4.2引入的ActiveJob是一个抽象层,...