Tag: ruby on rails

使用Ajax在输入时提交Textarea，然后在不刷新整个页面的情况下呈现部分: 目前我正在尝试通过JS和Ajax在没有提交按钮的情况下发表评论帖并且它有效。问题是当post被提交时，页面会重新加载到/post/:id/comment页面，我希望它呈现部分而不是刷新整个页面或带我到另一个页面。我不熟悉JS，非常感谢任何帮助！这就是我正在使用的：用于使用enter发布的JS $(function(){ $(‘textarea’).keypress(function(e) { if (e.keyCode == 13 && !e.shiftKey) { e.preventDefault(); var frm = this.form.submit(); $.ajax({ url: frm.attr(‘action’), data: frm.serialize(), complete: function(){ frm.submit(); }, dataType: json }); } }); 评论表 true do |f| %> “CommentText”, :placeholder => “Write a Comment…” %> 编辑评论HTML “PP” %>

使用JQuery文件上传到amazon S3，在客户端调整图像大小: 我已经在互联网上看到了一些例子：这个和这个，但是我正在关注RailsCast剧集＃383上传到Amazon S3 ，在video的最后他提到了使用javascript在客户端调整图像大小，当然。问题是，如果我按照他的例子，我无法实施。我正在使用gem jquery-fileupload-rails 编辑：我注意到我在JQuery-fileupload示例中缺少一些JS 来调整图像页面的大小，但仍然没有工作。我对application.js的要求 //= require jquery-fileupload/vendor/jquery.ui.widget //= require jquery-fileupload/vendor/load-image //= require jquery-fileupload/vendor/canvas-to-blob //= require jquery-fileupload/jquery.iframe-transport //= require jquery-fileupload/jquery.fileupload //= require jquery-fileupload/vendor/tmpl //= require jquery.fileupload-process //= require jquery.fileupload-image //= require jquery-fileupload/locale 我的post.js.coffee http://pastebin.com/9sm7UtsP jQuery -> $(‘#fileupload’).fileupload add: (e, data) -> types = /(\.|\/)(gif|jpe?g|png)$/i file = […]

406在Firefox中使用Jquery $ .post但在Safari或Chrome中不使用时出现不可接受的错误: 我正在使用Jquery（1.3.2）$ .post命令来触发对rails服务器的ajax调用。该代码在Safari和Google Chrome（Mac）上运行良好，但是当我在Firefox（3.5.7）上尝试时，我得到了一个奇怪的“406 Not Acceptable”错误。当我查看标题时，Firefox表示它只接受’text / javascript’响应。并且响应Content-Type是’text / html; 字符集= UTF-8′ 。在Chrome中，接受的类型是’application / json，text / javascript， / ，text / javascript’，响应Content-Type是’application / json; 字符集= UTF-8′ 。我试图将rails中的内容类型强制为’text / javascript’ format.json do render :json => @races.to_json, :content_type => ‘text/javascript’ end Chrome中的内容类型确实已更改，但Firefox中的内容类型仍为“text / html”。这是我用来触发ajax调用的代码。 $.post( “/locator”, params, function(data){…}, “json” ); 我有什么办法可以让它在Firefox中运行吗？谢谢

在.js.erb文件中使用$（this） – Ruby on Rails AJAX: 我正在使用Rails3与jQuery并尝试进行简单的ajax调用。我有一个链接，显示应用程序的当前状态（在线/离线）。单击时，它将更新状态。 link_to app.status, { :controller => :apps, :action => :live_status, :id => app }, {:remote => true, :class => “#{app.status} status”} live_status.js.erb： $(this).fadeOut(); $(this).parent().html(“”); $(this).fadeIn(); status_link将返回更新的link_to 然而$（这个）并不像我想象的那样。如何使用新状态更新点击状态？

如何在视图文件夹中使用js文件: 我在rails上使用ruby，我想渲染部分点击（使用jquery）这个例子： $(‘#submit’).on(‘click’, function(){ $(‘#lol’).append(” ‘myPartial’ ) %>”); } 我基本上想要提交一个表单然后以只读格式显示结果（渲染部分）而不刷新页面。问题是我无法在资产管道中使用渲染。如何在视图文件夹中包含我的JavaScript文件，或者这个问题的解决方案是什么？

提交表单而无需通过AJAX重新加载页面: 有没有办法将表单提交给服务器以获取AJAX响应而无需重新加载页面。我可以使用提交按钮执行此操作。但是，如果单击链接，我该怎么做呢。我开始知道一个javascript方法来做到这一点， var form = document.getElementById(‘myForm’); form.submit(); 但上面的代码重新加载页面。我开始知道我们可以用jquery做到这一点，但是怎么样？请注意，我正在使用Ruby on Rails 3.0.4开发我的应用程序，我正在使用这样的rails AJAX。 true, :url => request_path, :html => {:method => :get, :id => :my_form} do |f| %> 任何帮助，将不胜感激。

jQuery $ .ajax（）调用从Rails 3控制器获取JSON导致304 Not Modified？: 在application.js我有： $(“#combo_box”).live(‘change’, (function() { $.ajax( { url: ‘/my_controller/get_data’, data: {id: some_id}, success: function(data){ do_stuff_with_data(data) } } ) } ) ) 在my_controller代码中我有： def get_data id = params[:id] @data = MyModel.DoSomeStuff(id) respond_to do |format| format.js { render :json => @data} end end 但由于某种原因， success的function只运行一次（我认为），其余时间Firebug在combobox更改触发ajax调用时报告304 Not Modified 。这是如何运作的？谢谢！

Rails应用程序elem在classie.js中为null: 在我的Rails应用程序中，我的折叠navebar在滚动时不会改变它的样式，并且在inspect元素控制台中也会发生错误： TypeError: elem is null elem.classList.add( c ); 发生错误的Classie .js： ( function( window ) { ‘use strict’; // class helper functions from bonzo https://github.com/ded/bonzo function classReg( className ) { return new RegExp(“(^|\\s+)” + className + “(\\s+|$)”); } // classList support for class management // altho to be fair, the api sucks because it won’t accept […]

在Rails应用程序中结合Scriptaculous和JQuery: 我有以下情况一个rails应用程序，它使用rjs / Scriptaculous来提供AJAXfunction 使用JQuery编写的很多很好的javascript（用于单独的应用程序）我想结合两者并在我的Rails应用程序中使用基于JQuery的function，但我担心JQuery和Scriptaculous冲突（它们都定义了$（）函数等）。将两者结合在一起的最简单方法是什么？谢谢！

从对话窗口成功提交表单后如何更新前端内容？: 我正在使用Ruby on Rails 3.2.2和jQuery-Rails 2.0.2 gem（包括jQuery UI）。我有一个jQuery UI对话窗口，当我点击前端内容中的“新评论”链接时，该窗口打开。当对话框窗口打开时，它会对我的控制器动作执行AJAX HTTP请求，使其呈现并使用HTML表单“填充”模态窗口正文内容。我想实现我的视图，以便在表单成功提交后，前端内容以这种方式更改：触发链接文本更改forms“新注释”到“编辑注释”。我该怎么做？你有什么建议？注意：表单是通过执行AJAX HTTP请求依次提交的。