问题标签 [ujs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1428 浏览

jquery - 如何在 jquery_ujs 响应中的 Javascript ERB 模板中调用 Coffeescript 模板?

我在我的 Rails 3.1 应用程序中使用Coffeescript 模板,所以在我的 app/assets/javascripts/post.js.coffee 文件中,我有类似的内容:

其中 post 是一个 JSON 对象。模板位于 app/assets/javascripts/templates/posts/show

现在我也在使用 jquery_ujs 来响应 PostsController#create 并希望使用 app/views/posts/show.js.erb 来呈现响应。在 show.js.erb 中,我想使用上面的模板。我该怎么做呢?谢谢。

0 投票
1 回答
1093 浏览

javascript - Rails 3.0 :remote => true 当我点击提交按钮时,ie9 将双重提交表单

我有一个 Rails 3.0 应用程序,它对 form_for 使用普通的 :remote => true 选项。它在除 IE9 之外的所有浏览器中都能正常工作。甚至 IE8 也能正常工作。但是在 IE9 中,我可以通过使用 F12 开发人员工具看到,当我单击提交按钮时,它正在向服务器发出 2 个请求。

这是form_for:

<%= form_for @project, :project, :url => create_project_url, :remote => true do |f| %>

这是提交按钮:

<%= submit_tag '创建' %>

查看 F12 信息,它显示 1 个由“JS Library XMLHttpRequest”发起的请求和一个由“click”发起的请求。

有谁知道如何防止这种情况?

0 投票
1 回答
1224 浏览

ruby-on-rails - 如何在 Rails UJS 中设置超时?

新的和很酷的语法让我可以写:

生成 AJAX 请求。但是如果我需要更长的超时时间(例如 100000 毫秒),我在哪里可以设置呢?我读了link_to,但什么也没找到。

0 投票
2 回答
1583 浏览

javascript - 如何在发送前将数据附加到 XHR 请求?

我有一个使用 Rails UJS 提交 remote=true 的表单。

在 beforeSend 事件中,我想附加数据。我正在尝试以下内容:

但这是在我注销 settings.data 时添加一个对象......将这些项目附加到 settings.data 的正确方法是什么?

谢谢

更新

我也试过做:

但这没有用。在我看到的日志中:

为什么对象对象为零?

谢谢

0 投票
1 回答
4612 浏览

javascript - 如何在 beforeSend 事件中修改 ajax Post 数据?

您好,我有一个使用 jQuery UJS for rails 远程提交的表单。我绑定到 beforeSend 事件以允许我修改提交到服务的数据。它不工作。这是我在 beforeSend 中的内容:

这行不通。在服务器日志中,我看到了这个:

知道我做错了什么吗?我想使用不在表单中的添加字段来自定义 settings.data。谢谢

0 投票
0 回答
312 浏览

jquery - 将 toggleClass 绑定到 ajax:success 回调

我有一个链接可以切换数据库中的布尔字段,并且基于条件帮助器方法切换 ajax:success 上的链接文本。

字段值更新得很好。

我也试图同时切换链接类,但这似乎只在每秒钟点击一次时有效。

您将如何实现这一目标?我错过了显而易见的事情吗?谢谢!

0 投票
1 回答
2801 浏览

ruby-on-rails - Rails 3.1 博客的帖子/评论模型——如何通过 ajax 提交评论?

我正在尝试了解如何使用远程表单并使用 Post 模型 has_many Comments 的应用程序示例。

假设我已经使用通用 rails 脚手架来创建/设置 post/comment 模型、控制器、默认视图、路由等——我应该是什么app/views/posts/show.html样子?

具体我很困惑:

  1. 评论表应该发到哪里?
  2. 应该包括哪些参数?
  3. 我是否需要使用隐藏属性,例如f.hidden_field :post_id, :value => @post.id

谢谢!

0 投票
1 回答
4532 浏览

javascript - rails ujs - javascript没有执行

这是一个非常奇怪的问题。我有一个 Rails 应用程序,我在其中使用 UJS 将页面上的一个部分替换为另一个。最近,它停止工作,所以我开始在整个过程中记录,看看它在哪里坏了。这是我发现的:

  • 单击链接后,rails 控制台告诉我所有内容都已渲染,包括所有部分,并返回 200 OK。
  • 放入控制器动作返回正常
  • 放入 respond.do 块返回正常
  • .js.erb 文件中的放入返回正常

这意味着它可以一直运行 .js.erb 文件并无错误地评估 ruby​​。但奇怪的是 - 没有一个 javascript 正在执行。当我在 .js.erb 文件中运行 alert('hello?') 时,它没有执行。

有没有人遇到过这个问题?它会运行 erb 评估但不运行 js,这似乎非常奇怪。并且 js 控制台中也没有出现错误。

作为记录,我已经清除了缓存,重新启动了浏览器,重新启动了 rails 应用程序,没有任何改变。

示例代码:

非常感谢任何可以对这个奇怪问题有所了解的人!

0 投票
1 回答
682 浏览

javascript - 不显眼的 JavaScript 在 Rails 3 应用程序中不起作用

试图将 mixpanel 的代码添加到我的站点中。但是,当我为表单执行 onsubmit 时,我无法在我的 rails 3 应用程序中获取 javascript 来跟踪事件。该代码确实可以从 chrome 的控制台窗口工作。有什么建议么?下面是我的 html.erb 文件中的代码。这与 mixpanel 中提供的 javascript 一起放置在文件的头部。

这是我在表单中跟踪提交的代码

谢谢

生成的js

生成的html

0 投票
1 回答
491 浏览

ruby - 在 Rails 3 中使用 AJAX 填充表单

我是 Rails 新手,想在将值放入关键文本字段后使用 AJAX 更新表单的文本字段。

我看到可以使用以下方法创建事件处理程序:

但这并不像是 UJS 的概念。是否有另一种方法可以填充适当的字段并延迟创建记录,直到按下提交按钮?