使用 AJAX(不是表单)更新 Rails 3 部分

2023-11-23

我发现了一些关于提交表单后使用 Ajax 更新部分内容的问题和答案。但我的问题是“更简单”,我只想每隔几秒重新加载一部分并加载新数据。这真的一点也不难,我记得在 Rails 2.3 中做过类似的事情,但我在任何地方都找不到答案。

基本上,我有一个 show.html.erb 渲染部分,如下所示:

<div id="latest_post">
    <%= render :partial=>'info/latest', :object=>@user, :as=>:user %>
</div>

部分文件位于 app/views/info/_latest

<% post = user.posts.last %>
<h1>Last Post</h1>
<p><%= post.content %></p>

我只希望latest_post div 每 30 秒更新一次。请帮忙!


事实证明答案有点复杂:

第 1 步:使用 JavascriptsetInterval与 jQuery 一起使用的功能$.get()加载页面的函数,例如/users/1/posts/latest.

setInterval(function(){
  $.get("/users/1/posts/latest.js", function(data){
    $("latest_post").html(data);
  },
  "html")
}, 30000);

第 2 步:创建一个latest.js.erb并将其放入你的app/views/posts folder.

内容latest.js.erb:

<%= render partial: 'posts/latest', object: @user.posts.last, as: :post %>

步骤 3:使用您想要的任何内容创建上述部分(如果您不需要部分,您可以将 div 的全部内容写入latest.js.erb file.)

第 4 步:将最新方法添加到您的PostsController,这定义了@user等对于latest.js.erb使用。

第5步:添加get '/latest'给你的routes.rb

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 AJAX(不是表单)更新 Rails 3 部分 的相关文章

  • 使用 AJAX 获取发布数据

    我正在尝试从 Wordpress 帖子 AJAX 中提取内容 我已经在下面列出了迄今为止我的努力 加载的脚本 wp enqueue script my ajax request get stylesheet directory uri js
  • 如何通过 javascript 和 ajax 调用 Scala 中的方法?

    我不知道我的标题是否有点误导 但这是我真正需要帮助的 我正在获取这个网址 get fb login fbEmail function data console log data 这是我的路线 GET fb login email prese
  • 在 jQuery DataTables 中的 Ajax 请求后在 td 中添加 html 元素

    我想在获得 ajax 响应后在 td 中添加 html 元素 结果将是这样的 tr td class mycus class span class mycus class2 XYZ span td td class mycus class
  • 处理异步调用后重定向的正确方法

    我需要 如果满足某些条件 则对服务器进行ajax调用以更新数据 我的函数如下所示 function doSomething if something callSomethingAsync window location redirectur
  • AJAX 表单正在向自身提交?

    我不知道今晚发生了什么 但我似乎无法让 AJAX 工作 提交表单后 它会使用 URL 中的值刷新页面 我正在使用具有提交处理程序的验证插件 但它仍然会刷新 我以前用过这个方法 没有出现任何问题 看看这里的页面 让我知道您的想法 div cl
  • 从单个 javascript 函数向两个不同的 PHP 脚本发送两个 Ajax 请求

    是否可以同时向两个或多个 Php 脚本发送 Ajax 请求 我知道这可以串行实现 从 1 获取响应 然后从另一个获取响应 但我想知道是否可以同时实现 请协助我使用以下代码 function calShowUpload if http rea
  • Rails 3 在 Ruby 1.9.2 上初始化非常慢

    我使用 RVM 来管理环境 安装了 Ruby 1 9 2 p136 我认为是最新版本 和 Rails 3 创建了 gemset 并运行捆绑器 到目前为止一切正常 但 Rails 在运行命令 即生成 销毁 rake 等 时初始化速度非常慢 完
  • 如何使用 javascript/jquery/AJAX 调用 Django REST API?

    我想使用 Javascript jQuery AJAX 在前端调用 Django Rest API 请求方法是 POST 但当我看到 API 调用它的调用 OPTIONS 方法时 所以 我开始了解access control allow o
  • 在端口80启动webrick(mysql2 gem问题)

    我正在尝试让我的 webrick 在端口 80 上提供服务 我尝试过 rails server p 80 但访问被拒绝 后来我明白使用端口1 1024需要root权限 所以我尝试了这个 sudo rails server p 80 但是 现
  • RoR - Rails 中的大文件上传

    我有一个 Rails Web 应用程序 允许用户上传视频 视频存储在 NFS 安装的目录中 当前的设置适用于较小的文件 但我也需要支持大文件上传 最多 4GB 当我尝试上传 4GB 文件时 它最终会发生 但从用户体验的角度来看很糟糕 上传开
  • 从父应用程序重新打开 Rails 3 引擎类

    就目前而言 您无法重新打开引擎中包含的引擎类 app只需在父应用程序的目录中添加相同的类即可 app目录 例如 my engine app controllers users controller rb my app app control
  • PHP、jQuery 和 Ajax 调用乱序

    我正在使用 jQuery 进行 Ajax 调用 我有 x 数量的 Ajax 调用附加到 div 这些 Ajax 加载请求是由 PHP foreach 循环生成的 问题是它们渲染的顺序不正确 它们被设置在数组中
  • 如何通过减少请求来改进 AJAX 实时搜索

    我正在构建一个 AJAX 实时搜索页面 到目前为止 一切都按预期运行 但我注意到我正在进行大量的 AJAX 调用 我知道发生这种情况的地点和原因 但我找不到阻止这些 AJAX 调用发生的方法 我将尝试给出快速解释 然后粘贴下面的代码 在页面
  • Java Web 技术中的 AJAX 自动完成文本框(JSP 和 servlet)

    我需要您的帮助 了解如何使用 Java Web 技术 JSP Servlet 和 AJAX 使 HTML 输入文本元素像 Google 的 AJAX 搜索引擎 输入文本元素一样工作 下拉列表中的数据将来自数据库表 例如分别是 MySQL 或
  • Ajax - 限制列表的加载,然后在滚动上加载其余部分

    我有一家商店 在一个页面上显示某个类别的所有产品 这是店主喜欢的方式 因此不能选择分页 为了缩短某些重类别的加载时间 我希望实现一个可以加载许多产品的脚本 li s然后在页面滚动上加载另一组 页面就是用这个结构生成的 div ul clas
  • 在 JQuery 中发布表单并填充 DIV - 在 IE 中损坏

    我正在尝试创建一个通过 jQuery 发布数据并将返回值填充到同一 DIV 中的表单 这样页面就不会在发布操作时刷新 div div
  • 为 RoR 中的每个用户创建新的 URL 路径

    如何在 Ruby on Rails 中实时创建新的 URL 路径 例如 我希望我的用户拥有 name XXX com 或 XXX com name 仅供参考 我在 Heroku 上托管代码 看看 subdomain fu 插件 https
  • JQuery:将 FormData 和 csrf 令牌一起发布

    Is the data 下面的行正确吗 我想将表单数据和 csrf 令牌发布到 Django 视图函数 file upload on change function var currentpath window location pathn
  • Ajax文件上传

    我想使用 Ajax 和 php 上传文件 我有一个表格
  • jQuery / Ajax:如何循环遍历数组作为 Ajax 成功函数的一部分

    我有一个阿贾克斯调用返回一个数组并需要对该数组中的每个值执行某些操作 到目前为止 我有以下内容 但这会返回以下错误 Uncaught TypeError Cannot use in operator to search for length

随机推荐

  • 如何使用 VBScript 强制重新启动 Windows 机器?

    我正在尝试找到一种强制 Windows 重新启动的方法 但遇到了问题 我试过了 Set OpSysSet GetObject winmgmts authenticationlevel Pkt Shutdown ExecQuery selec
  • SwiftUI 菜单中的内联水平按钮

    在 SwiftUI 中 有一个叫做菜单的东西 其中可以有按钮 分隔符 其他菜单等 下面是我正在构建的一个示例 import SwiftUI func testing print Hello struct ContentView View v
  • 下载大文件

    通过下载文件UnityEngine WWW 我收到错误 OverflowException 数字溢出 我发现错误是由结构本身引起的 因为字节数组的字节数超过了 int MaxValue 可以分配的字节数 2GB 通过返回数组来引发错误www
  • 如何从docker服务连接外部服务

    我是码头工人的新手 我正在本地计算机上运行 Postgresql 即在 Mac OS 上 我的应用程序正在 docker 中运行 我想要的是我的应用程序应该能够从docker访问PostgreSQL 有很多生产数据 不能在docker上运行
  • 如何正确使用reflect包中的.Call

    我的代码遇到了最后一个问题 涉及反射包中的 Call 函数 所以我正在拨打这样的电话 params some map string string in make reflect Value 0 return values reflect V
  • Java:我有一大串 html,需要提取 href="..." 文本

    我有这个包含一大块 html 的字符串 并且正在尝试从该字符串的 href 部分中提取链接 href 可以采用以下形式之一 a href a a class href a 我对正则表达式没有真正的问题 但由于某种原因 当我使用以下代码时 S
  • Javascript - 将参数添加到作为参数传递的函数中

    这是我正在寻找的行为 function one func func 5 function two arg1 arg2 console log arg1 console log arg2 one two 3 prints 3 5 这种行为或类
  • ListView (WPF) 中的分隔符?

    我要在 WPF 的 ListView 中插入一个分隔符 如下所示 image 我使用了以下 XAML 代码 但它不起作用
  • C# 根据硬件 ID 创建唯一 ID [重复]

    这个问题在这里已经有答案了 我正在创建特定于机器的许可证 许可证基于以下项目 MAC地址 CPU序列号 计算机卷驱动器 0 的序列号 我假设如果 3 个匹配中的 2 个匹配 那么我的许可证有效 因此 可以获取新的网卡 并且许可证仍然有效 等
  • 导入错误:没有名为 Bottle 的模块

    sudo pip install bottle Downloading unpacking bottle Downloading bottle 0 10 7 tar gz 55Kb 55Kb downloaded Running setup
  • 此视图不允许“EditItem” - 数据绑定问题

    我正在尝试使用自定义列表在数据网格上的 WPF 中进行数据绑定 我的自定义列表类包含类型的私有数据列表List
  • 绘制到 CGImageRef 中

    我想创建一个 CGImageRef 并绘制指向它的点 使用什么上下文来创建空的 CGImageRef 并能够在其上进行绘制 CGContextRef 还是 CGBitmapContextRef 如果您可以提供代码来创建一个空的 CGImag
  • 如何在 C# 中查找 IIS 站点 ID?

    我正在为我的网络服务编写一个安装程序类 在许多情况下 当我使用 WMI 时 例如 创建虚拟目录时 我必须知道 siteId 才能为站点提供正确的配置数据库路径 例如 metabasePath is of the form IIS
  • Xcode 7.2 成功存档不会显示在管理器中,但会显示在有关派生数据文件夹的存档文件夹中

    我在用Cocoapods 0 39 0 and Xcode 7 2 我有一个项目已成功存档但未填充到管理器中 当我在空白项目中测试我的 podfile 时 存档显示在Organizer正好 在尝试解决此问题时 我发现派生数据上方有一个 Ar
  • 在 Chrome 扩展中,更改发送到特定域的 ajax 请求的引荐来源网址?

    我已经做了一些研究 现在知道在 Google Chrome 中发送带有更改的引荐来源网址的请求是不可能的 因为浏览器将覆盖更改 但是 Google Chrome 扩展中是否有 任何权限可以禁用此功能 或者以便您可以使用不同的引荐来源网址向某
  • 如何自动运行 Office 365 Outlook 加载项

    我正在为 Outlook 创建 Office 365 加载项 我希望我的加载项在用户阅读电子邮件 在阅读窗格中打开它 时自动运行 我当前的版本在邮件正文顶部显示加载项名称 当我单击它时加载项就会运行 Office initialize fu
  • 如何设置 UIImage 的不透明度/alpha?

    我知道你可以用 UIImageView 做到这一点 但是可以对 UIImage 做到这一点吗 我想让 UIImageView 的动画图像数组属性成为相同图像但具有不同不透明度的数组 想法 我只需要这样做 但认为史蒂文的解决方案会很慢 这应该
  • 是否有任何 jquery 功能可以以与 DOM 类似的方式查询多维数组?

    问题说了什么 jQuery 是否有任何方法可以让您以与 DOM 类似的方式查询多维对象数组 例如 获取一个多维数组中包含的对象列表 该数组具有一些匹配的属性值 例如 其中 StartOfPeriod 大于指定日期或 name Ben Ala
  • Objective-C 串口 - Mac OS X

    我目前正在终端中运行以下命令 通过 USB 串行发送命令 Users drummerboyx Library Scripts arduino serial b 9600 p dev tty usbserial A800ev0Z s 1 Ob
  • 使用 AJAX(不是表单)更新 Rails 3 部分

    我发现了一些关于提交表单后使用 Ajax 更新部分内容的问题和答案 但我的问题是 更简单 我只想每隔几秒重新加载一部分并加载新数据 这真的一点也不难 我记得在 Rails 2 3 中做过类似的事情 但我在任何地方都找不到答案 基本上 我有一