【在Javascript中使等效的Rails存在?`】教程文章相关的互联网学习教程文章

将rails值分配给全局变量并在javascript中使用它【代码】

我有一个javascript函数,它具有rails值<body onl oad="myFunction(<%p%>)">而我正试图传递来自控制器的值<% if logged_in? -%><%p= current_user.id %><% end -%> but here the p doesn't contain the value. this works if I put code like this <body onl oad="myFunction(<%= current_user.id%>)"> <% if logged_in? -%><%= current_user.id %><% end -%>但我需要进一步的要求,所以应该添加这样的另一条线<% if logged_out? -%>...

javascript – Rails客户端验证 – 禁用提交,直到验证通过【代码】

标题是不言自明的.我在轨道中使用client side validation并且它工作得非常好.但是,我不希望在所有验证通过之前启用表单上的提交按钮. 任何帮助,将不胜感激.解决方法:有回调函数:ClientSideValidations.callbacks.form.pass(form, eventData) ClientSideValidations.callbacks.form.fail(form, eventData)您可以默认禁用提交按钮,但失败.并在通过时启用它.

导致rails中链接出现问题的Javascript【代码】

好吧,伙计们,所以我的application.html.erb页面上有一些javascript.该页面用作正在加载的其他html页面的容器.这个问题是我的javascript似乎覆盖了页面上的任何link_to路径和/或href标签或者容器内部加载的任何html页面.有相当多的JavaScript,但我相信我已经隔离了问题,问题在于以下javascript.整个javascript列在它下面.当我将问题javascript注释掉时,链接再次正常运行,但当然不会隐藏div这是一个问题.任何人都可以告诉为什么代码导...

javascript – 在Rails API中使用Devise Token Auth gem的未经许可的参数【代码】

我正在使用Rails-api制作一个使用Devise_token_auth gem的测试认证应用程序.User.rb模型看起来像class User < ActiveRecord::Basebefore_save :set_auth_token# Include default devise modules.devise :database_authenticatable, :registerable,:recoverable, :rememberable, :trackable, :validatable,:confirmable, :omniauthableinclude DeviseTokenAuth::Concerns::Userprivatedef set_auth_tokenif self.authentication_tok...

Javascript / Rails授权获取标头【代码】

所以我正在开发React / Redux SPA应用程序,我希望有一个授权工作.我有devise_token_auth gem工作的Rails后端和(在React应用程序中)我需要保存后端响应给我的令牌.但是没有令牌可通过response.headers获得.为什么? CORS在后端设置属性,所以我确定这不是问题所在.看看代码和截图:let config = {method: 'POST',headers: {"Accept": "application/json","Content-Type": "application/json"},body: JSON.stringify(creds) // { emai...

管理Rails 5的javascript / coffeescript代码的有效方法?【代码】

我正在使用Rails 5.0.2构建Web应用程序.我有我的项目的JS文件:此外,我对每个自己的JS文件都有类似的模式,如下所示:$(function () {var init = function () {// my code, I want to run on specific page load i.e. /remarks$('form#cf_remarks_form').validate(validate_options);};init();document.addEventListener("turbolinks:load", function () {init();}); });关于使用JS资产我有以下保留/问题: >默认情况下,Rails附加(并...

javascript – 在Rails应用程序上更新服务器端进度【代码】

我想上传然后在Ruby on Rails应用程序中处理文件.文件上传通常很短,但服务器端处理可能需要一些时间(超过20秒),所以我想给用户一些指示 – 比无意义的’处理…’屏幕更好. 我正在尝试在视图中使用以下代码<%= periodically_call_remote(:url => {:action => 'progress_monitor', :controller => 'files'},:frequency => '5',:update => "setProgress('progressBar','5')") %>:update参数的内容是我想每5秒运行一次的javascript 并...

有没有努力将一些Rails的View Helpers移植到Javascript?

在Javascript中使用linkTo(),truncate()和pluralize()这样的助手会很棒.是否有任何努力将部分或全部Rails的视图助手移植到Javascript?解决方法:如果您只需要一两个,可以找到snippets for pluralize and singularize或another for truncating. 实际上,现在有一个javascript库可以处理大量的语法糖: Sugar.js 就像我在原帖中说的那样,如果你只想要其中的一个或两个,或者可以设法只使用Rails助手,就不需要包含整个库,但可以选择使用...

javascript – MVVM模型中的Meteor on Rails集成

有没有Rails / Meteor集成的经验? 基于已经存在的已有的Rails / MongoDB应用程序,我的想法是平滑地集成(添加)小型和轻量级微应用程序. 目前Meteor是新的,但是快速上升……唯一的例子似乎只是MV *的一面,如果在Rails上有一个后端MVC,在JS Meteor上有一个客户端MVC呢? 有经验吗? UPDATE 我知道Meteor“vision”,但我已经在Rails / MongoID上完全写了一个应用程序.我想在一个分布式的Web服务阶段,一次一个地添加一小部分新的应用程...

为什么Rails在Javascript文件末尾添加分号以及如何禁用它?

Rails似乎在增加;在以.js结尾的文件末尾 如何禁用它.解决方法:当我忘记正确关闭我的Javascript文件中的所有括号时,它就这样做了.如果所有括号都匹配,请检查脚本.

javascript – 使用AJAX加载用户名 – Rails【代码】

我正在使用这个宝石:https://github.com/ichord/jquery-atwho-rails 在我的控制器内:@usernames = User.pluck(:username).compact在我看来:<script>data = <%= raw User.pluck(:username).compact %>; $('textarea').atwho({at:"@", 'data':data});</script>这显然非常危险,不是一个好主意.但是对于没有AJAX或Javascript经验的人,我如何使用这个gem并以有效的方式通过AJAX调用用户名?解决方法:您可以使用remote_filter回调: ...

javascript – 使用CKEditor的rails 4 – 插件(codesnipet)不起作用【代码】

我有一个问题,将插件codesnippet添加到我的ckeditor. >我在gemfile中添加了gem’ckeditor’>接下来将此添加到application.js // = require ckeditor / init><%= f.input:body,:as => :ckeditor,:input_html => {:ckeditor => {:toolbar => ‘完整’}}%>到我的观点表格 然后我可以使用ckeditor.我可以创建div容器填充它并返回ckeditor. 当我想向ckeditor添加codesippet时出现我的问题. >为了使用这个插件,首先我创建app / a...

javascript – Plupload与Ruby on Rails一起使用?

我尝试了以下示例:http://www.plupload.com/example_custom.php 但是在请求中,文件不会发送到控制器的方法,只发送名称. 也许我需要设置Plupload的配置,比如’multipart = true’ 任何的想法?解决方法:问题是很久以前的问题.但是会为寻求解决方案的其他人提供答案. 解决方案是在pluploadQueue({})函数中添加“multipart:true”.这会将文件作为multipart发送.对于多个文件,它将多次发送/ POST请求.然后你可以在控制器上处理它. 希...

javascript – Rails文件下载和查看更新 – Howto?【代码】

这似乎应该是直截了当的,但我很难过.我有一个视图控制器的链接,最终使用send_data将文件下载到用户的硬盘驱动器.这非常有效,它使当前视图显然不受影响. 但现在我希望该页面在下载完成后提供一些反馈.在send_data方法调用之前,我天真地在控制器中添加了类似下面的代码:flash[:notice] = "Nice work, hot shot!" send_data file, :filename=>fullname+".txt", :type=>"text/plain"但这不起作用,因为当前视图没有重新加载,让我有机会...

ruby-on-rails – Ruby和客户端JS的模板语言

是否存在具有服务器端ruby(pref.rail)和JS渲染器的模板语言? 这就是为什么这会有用:考虑你想要显示一个很大的歌曲列表.您渲染前50个和“显示更多”按钮. “显示更多”将链接到接下来的50首歌曲,或者如果启用了JavaScript则会加载AJAX. 简单的解决方案是从服务器返回一段渲染的HTML,但是考虑将歌曲作为JSON返回然后在客户端使用相同的模板进行渲染是多么好.解决方法:Mustache. 它基于Ruby,但有几种不同的实现,包括JS.

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部