Tag: ajax

AJAX Railsvalidation

我的表单和validation与常规的http请求一起工作得很好。 我希望它使用AJAX。 我知道我可以在客户端进行validation,但鉴于我已在模型中定义了validation,这似乎是多余的。 当用户填写表单时,我想就他们的条目向他们提供反馈。 在AJAX表单中使用rails定义的validation并提供实时反馈的最佳方法是什么?

Rails 4 ajax在引导选项卡中加载内容

我有同样的问题,如本文所述。 但是,我仍然觉得难以理解解决方案。 风景: / Nav tabs %ul.nav.nav-tabs %li.active =link_to “Tab1”, “#tab1”, html_options = { “data-toggle” => “tab” } %li =link_to “Tab2”, “#tab2”, html_options = { “data-toggle” => “tab” } %li =link_to “Tab3”, “#tab3”, html_options = { “data-toggle” => “tab” } / Tab panes .tab-content .tab-pane.active#tab1 %p Fetch content .tab-pane.active#tab2 %ul.nav.nav-pills %li.active= link_to ‘Overview’, “#overview”, html_options […]

如何将remote_form_for的:update =>’div_id’选项从Rails 2升级到Rails 3?

我无法弄清楚如何将此代码从Rails 2升级到Rails 3: ‘div_id’) do |f| %> … 我试过这个: true, :url => { :controller => “items”, :action => “create” }, :update => ‘div_id’ do |f| %> … 它会创建新项目,但无法更新 标记内的内容。 似乎Rails 3不再支持远程form_for的“ :update ”选项。 有什么建议吗?

一旦启用了动作缓存,format.js就不会操作dom

注意:我在这里提出一个逻辑我在做什么。 我在做什么: 考虑我们列出产品和分页的基本索引操作。 现在使用remote-true选项我启用了基于ajax的分页。 到目前为止,事情完美无缺。 看看示例代码。 产品控制器: def index @products = Product.paginate(:order =>”name ASC” ,:page => params[:page], :per_page => 14) respond_to do |format| format.html # index.html.erb format.json { render json: @products } format.js end end Index.html.erb Products // products partial is just basic html rendering $(function(){ $(‘.pagination a’).attr(‘data-remote’, ‘true’) }); index.js.erb的 jQuery(‘#products’).html(” ‘products/products’ ) %>”); […]

Rails中的AJAX:在完成模型#update后显示模型#new form

我在Rails中有一个帐户设置向导,其中我显示了一个公司列表。 当通过AJAX更新公司的详细信息时,一切都很完美。 但是,在成功更新后,我还想用“新客户”表单替换“更新客户”表单。 看起来正确的做法是使用AJAX来更新表单的包含元素,使用来自公司#new的JS格式响应。 这可能来自公司内部#new JS格式的回应吗?

Rails 3 UJS驱动程序事件

根据Simone Carletti 博客文章 ,Rails 3 ajax助手已经改变了很多。 我们应该使用rails 3编写比使用rails 2更多的javascript。 我试图找出如何显示ajax加载gif-而ajax查询正在运行 – 在“rails 3 way”中。 我想出了这种代码,它使用Rails 3 UJS驱动程序发送的javascript事件。 此示例使用原型: Please wait… “mylink”, :remote => true %> Event.observe(‘mylink’, ‘ajax:before’, function(event) { $(‘wait’).show(); }); Event.observe(‘mylink’, ‘ajax:complete’, function(event) { $(‘wait’).hide(); }); 这很好用,但我希望有可能在原型和scriptaculous助手的帮助下编写这些ajax事件“触发器”,就像我们使用link_to_function一样: 有没有办法做到这一点,或者我们应该直接在javascript中编写ajax事件“触发器”,无论是原型还是jquery? 最好的祝福, Philippe Lang

will_paginate页面链接问题

我目前有一个评论模型,在微博下发布,两者都显示在同一页面上。 问题是两者都显示在同一页面上,并且两者都是分页的,我正试图用facebook方法进行微观测量。 以下是以下问题: 两个分页的链接变成这个href=”/users/2?page=2″而不是href=”/users/2/micropost?page=2″或者href=”/users/2/comment?page=2″ 。 我不确定如何解决这个问题。 这是我的一些代码。 所有建议都非常感谢! Micropost渲染HTML false %> Add a thread! 评论部分HTML <div id='CommentContainer-‘ class=’CommentContainer Condensed2’> “comments/form”, :locals => { :micropost => micropost } %> 5, :page => params[:page]) %> “pagination” %> 显示页面的用户控制器 def show @user = User.find(params[:id]) @comment = Comment.find(params[:id]) @micropost = Micropost.new @comment = Comment.new @comment = @micropost.comments.build(params[:comment]) @comments = […]

服务器端推入Rails

我想使用AJAX在rails中实现可扩展的聊天室。 我从研究中得知,唯一可扩展性是在服务器端推送时发生的。 我的两个问题是: 1)在一个相当有效的聊​​天服务器中,轮询在什么时候变得禁止? 2)我真的不想使用Juggernaut。 我不太了解彗星是如何工作的。 我想我想知道,如果使用Javascript(创建客户端服务器/轮询器)和另一种语言(为防火墙后面的客户端提供有效的轮询,以及集成到CGI中),这对我来说是非常困难的。 3)(是的,在2中),我是否正在以正确的方式去做? 我希望得到的最简单的答案是量化的“是的,你将5行Javascript放入客户端,将20行ruby放入CGI脚本中,并称之为一天”。

未捕获的TypeError:undefined不是函数rails3 / backbone / js

我刚刚开始深入研究javascript以使项目更具响应性,我正在研究backbone.js示例。 我在一个新的Rails 3项目中复制了http://www.jamesyu.org/2011/01/27/cloudedit-a-backbone-js-tutorial-by-example/ 。 我运行该项目并转到主页….并且有一个链接到/#并没有别的。 查看js控制台,我在两个脚本上遇到错误:application.js和backbone.js 这个(backbone.js) backbone-min-0-3-3.js:8Uncaught TypeError: Cannot call method ‘extend’ of undefined 这个(application.js): var App = { Views: {}, Controllers: {}, Collections: {}, init: function() { new App.Controllers.Fffforms(); **error message —> application.js:9Uncaught TypeError: undefined is not a function** Backbone.history.start(); } }; 作为js的新手,这并不是很有意义,我所看到的一切都没有在短期内有所帮助。 任何人都可以告诉我这些错误究竟表明了什么以及如何进行跟进? 一切都检查了比较https://github.com/jamesyu/CloudEdit中的资源,但我从一个新的rails 3项目(不是该repo的克隆)的复制并不完全有效。 任何建议表示赞赏,记住我刚开始学习一些javascript。 编辑: 通过建议,我实际上添加了Jammit gem并将其配置为服务所有js脚本,默认Rails都不是。 现在所有脚本都将进入浏览器(包括控制器)。 不幸的是,这并没有解决原始问题,只是在加载时出现更多错误,从app init流出,这是在chrome […]

Rails 3用于更新表的AJAX解决方案?

我知道这是一个热门话题,但我一直在寻找相当多的尝试找到答案,奇怪的是没有找到任何能够提供帮助的东西…… 我有一个基本的Rails 3应用程序在表中显示数据库条目。 一个单独的应用程序将新条目发布到数据库中,我希望Rails应用程序可以轮询和刷新以显示新内容。 现在,我有一个可怕的javascript只是重新加载整个页面,它certificate是我的障碍。 我有一个搜索栏和检查条删除多个项目,但这些都是在页面刷新时重置(再次,我知道这是可怕的,可怕的破坏)。 根据我的阅读,我认为我应该使用AJAX来轮询数据库,并简单地渲染比最新条目更新的数据库条目。 如何精确执行这是另一个故事…… 我发现的大多数教程已经过时了,我一直无法运行遗留代码。 我是AJAX和Rails的新手,我很乐意,如果有人有任何指导,建议,教程或个人批评(:P)可能指向我正确的方向。 谢谢! 编辑:我有新的条目被拉入页面,但它们根本无法正确渲染。 出于某种原因,它们不会作为条目添加到我的表中。 这是我的代码,希望你们可能能够选择我错过的东西:*注意 – >请求实际上是我的数据库条目的名称。 请求是模型。 意见/请求/ index.html.erb 请求部分:views / requests / _request.html.erb <div class="request" data-time="”> ‘Are you sure?’, :method => :delete %> 意见/请求/ index.js.erb的 $(‘#requests’).append(“”);