首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

button_to with:remote => true不会更新我页面上的投票计数

button_to with:remote => true是Rails框架中的一个方法,用于创建一个带有远程请求的按钮。当用户点击该按钮时,会发送一个AJAX请求到服务器,而不是刷新整个页面。

根据你的描述,按钮点击后投票计数没有更新,可能是因为没有正确处理服务器返回的数据。在使用button_to方法时,需要确保服务器返回的数据能够正确更新页面上的投票计数。

以下是一种可能的解决方案:

  1. 在视图文件中,使用button_to方法创建一个带有远程请求的按钮,例如:
代码语言:ruby
复制

<%= button_to "投票", vote_path, remote: true %>

代码语言:txt
复制

这将创建一个按钮,当用户点击时会发送一个远程请求到vote_path。

  1. 在控制器中,处理vote_path的请求。根据你的描述,这个请求应该用于更新投票计数。你可以在控制器的相应动作中编写逻辑来更新投票计数,并返回更新后的数据。
代码语言:ruby
复制

def vote

代码语言:txt
复制
 # 更新投票计数的逻辑
代码语言:txt
复制
 # ...
代码语言:txt
复制
 # 返回更新后的数据
代码语言:txt
复制
 render json: { count: updated_count }

end

代码语言:txt
复制

在上面的代码中,你需要根据实际情况编写更新投票计数的逻辑,并将更新后的计数作为JSON数据返回。

  1. 在前端页面中,使用JavaScript来处理服务器返回的数据,并更新投票计数。可以使用jQuery等库来简化操作。
代码语言:javascript
复制

$(document).on('ajax:success', function(event, data) {

代码语言:txt
复制
 // 更新投票计数
代码语言:txt
复制
 $('#vote-count').text(data.count);

});

代码语言:txt
复制

在上面的代码中,假设投票计数显示在id为"vote-count"的元素中,通过data.count获取服务器返回的更新后的计数,并将其更新到页面上。

通过以上步骤,你可以实现在点击按钮后,通过AJAX请求更新页面上的投票计数。请注意,这只是一种解决方案,具体实现可能会根据你的应用程序架构和需求而有所不同。

推荐的腾讯云相关产品和产品介绍链接地址:

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

深入分析Redis特点及应用场景Redis特点:Redis优势:Redis与其他key-value存储有什么不同?Redis应用场景2. 删除与过滤3. 排行榜相关

REmote DIctionary Server(Redis) 是一个由Salvatore Sanfilippo写key-value存储系统。...我们系统不会像传统方式那样“刷新”缓存,Redis实例中信息永远是一致。...SQL数据库(或是硬盘上其他类型数据库)只是在用户需要获取“很远”数据时才会被触发,而主页或第一个评论不会麻烦到硬盘上数据库了。 2. 删除与过滤 我们可以使用LREM来删除评论。...计数 Redis是一个很好计数器,这要感谢INCRBY和其他相似命令。 相信你曾许多次想要给数据库加上新计数器,用来获取统计或显示新信息,但是最后却由于写入敏感而不得不放弃它们。...缓存 Redis缓存部分值得写一篇新文章,这里只是简单说一下。Redis能够替代memcached,让你缓存从只能存储数据变得能够更新数据,因此你不再需要每次都重新生成数据了。

3.3K20

以太坊Dapp终极教程——如何构建一个完整全栈去中心化应用(三) 原

candidates映射中读取候选结构并使用递增运算符(++)将voteCount增加1来增加候选者投票计数。...现在让我们更新我们app.js文件来处理这两件事。首先,我们在表单select元素中列出智能合约中所有候选项。然后,一旦帐户投票,我们将隐藏页面上表单。...点击提交后,你已成功投票!你仍然会看到一个加载屏幕。现在,你必须刷新页面才能看到记录投票。我们将在下一节中自动更新加载程序。如果你遇到困难,可以在此处教程中引用完整客户端代码。...查看事件 本教程最后一步是在投票时触发事件。这将允许我们在帐户投票更新我们客户端应用程序。幸运是,这很容易。...我们还重新呈现页面上所有内容。这将在记录投票完成后不再需要loader,并在表格上显示更新投票计数

56410

清华系「自然语言编程神器」上新!支持100+种编程语言,效率upup

作为「课代表」,我们把CodeGeeX更新概括成了下面这几个方面: 代码能力更强了 模型特性得到了优化 AI编程助手功能更全面了 用户协议更加开放 插件版本也将全面更新 模型用起来太繁琐?...只要打开问答模式,用自然语言描述想要查询内容,CodeGeeX2就能自动生成SQL查询语句。 模型变强之后,会不会收费呢?不必担心,新版CodeGeeX插件将继续对个人用户免费开放。...除了调查结果,用户们也在「用脚投票」。 自第一个版本发布以来,CodeGeeX下载量已达12万次,平均每天生成近千万行代码。 这是个什么概念呢?...=True) model = AutoModel.from_pretrained("THUDM/codegeex2-6b", trust_remote_code=True, device='cuda')...论文地址: https://arxiv.org/abs/2303.17568 Github项目: https://github.com/THUDM/CodeGeeX2 Hugging Face项目

40920

Elasticsearch7.14版本集群架构升级之冷热集群

主节点选举: • voting-only 节点参与主节点选举投票,以确保选举过程更加稳定和可靠。然而,它们不会实际承担主节点职责。 2....简化主节点负载: • 通过分离选举投票和实际主节点职责,可以减轻主节点负载,使其专注于集群管理任务。...例如,可以将日志数据聚合成每日或每小时计数据。 2. 数据透视: • 通过数据转换,可以将平面的记录转换为多维数据(如透视表),以便更好地分析和可视化数据。 3....重启后,冷节点角色如图:注意事项冷热集群中使用node.role属于静态指定节点角色,在配置时,不能与node.data:true;node.master:true;同时使用。...ILM生命周期策略如果需要使用ILM生命周期策略对索引进行全自动化托管,请大家移步https://cloud.tencent.com/developer/article/2356835文章进行了解

11410

小厂后端十连问(附答案)

前言 大家好,是捡田螺小男孩。最近技术讨论群一位朋友去面试,分享了一份面试真题,整理了一下答案给大家。如果有不正确,欢迎指出哈,一起进步。...MySQLB+树高度怎么计算?(比如有100w数据,字段为int类型) InnoDB存储引擎最小储存单元是,一大小就是16k。 B+树叶子存是数据,内部节点存是键值+指针。...索引组织表通过非叶子节点二分查找法以及指针确定数据在哪个中,进而再去数据中找到需要数据; 假设B+树高度为2的话,即有一个根结点和若干个叶子结点。...Leader:负责处理客户端请求,进行日志复制等操作,每一轮选举目标就是选出一个领导者;领导者会不断地发送心跳信息,通知其他节点“是领导者,还活着,你们不要发起新选举,不用找个新领导者来替代。...: 其他节点收到候选人A请求投票消息后,如果在编号为1这届任期内还没有进行过投票,那么它将把选票投给节点A,并增加自己任期编号: 当收到来自集群中过半节点接受投票后,A节点即成为本届任期内

36130

零基础入门Redis,这篇够了!

我们系统不会像传统方式那样“刷新”缓存,Redis实例中信息永远是一致。...SQL数据库(或是硬盘上其他类型数据库)只是在用户需要获取“很远”数据时才会被触发,而主页或第一个评论不会麻烦到硬盘上数据库了。 3、删除与过滤 我们可以使用LREM来删除评论。...4、排行榜相关 另一个很普遍需求是各种数据库数据并非存储在内存中,因此在按得分排序以及实时更新这些几乎每秒钟都需要更新功能上数据库性能不够理想。...time^alpha 因此用户投票会相应把新闻挖出来,但时间会按照一定指数将新闻埋下去。...相信你曾许多次想要给数据库加上新计数器,用来获取统计或显示新信息,但是最后却由于写入敏感而不得不放弃它们。 好了,现在使用Redis就不需要再担心了。

74960

干货 | Elasticsearch 8.X 节点角色划分深入详解

node.ml: false node.master: true node.transform: false node.voting_only: false 这是非常繁琐配置,类似要说自己是主节点...而节点角色出现“革命性”结局了这个问题,如下所示,只需要说明是某某某,而不需要费劲巴拉解释不是某某某。...专用候选主节点配置: node.roles: [ master ] 3.1.2 仅投票主节点(Voting-only master-eligible node) 用途:仅投票不会被选为主节点。...node.roles: [ data_hot ] 3.2.3 温数据节点 用途:保存访问频次低且很少更新时序数据。...注意事项:在一个集群中添加太多仅协调节点会增加整个集群负担,因为当选主节点必须等待来自每个节点集群状态更新的确认。

3.8K20

Django实践-03模型-01表生成模型+学科页面与教师页面编写

所谓“模型”就是数据(表示),数据模型通常通过数据库实现持久化操作,而关系型数据库在过去和当下都是持久化首选方案。 投票案例 下面我们通过完成一个投票项目来讲解和模型相关知识点。...投票项目的首页会展示某在线教育平台所有的学科; 点击学科可以查看到该学科老师及其信息; 用户登录后在查看老师页面为老师投票,可以投赞成票和反对票; 未登录用户可以通过登录进行登录; 尚未注册用户可以通过注册页输入个人信息进行注册...说明3:如果希望更新多条数据,不用先逐一获取模型对象再修改对象属性,可以直接使用QuerySet对象update()方法一次性更新多条数据。...3.实现学科和老师效果 修改polls/views.py文件,编写视图函数实现对学科和老师渲染。...(静态资源)还没有能够正常展示,我们在下一章节中为大家介绍如何处理模板需要静态资源。

17520

直播抽奖已全面上线、考试支持添加水印……这些新特性等你体验

最近,腾讯乐享上新了许多重磅新功能:直播红包、直播抽奖、轻享、培训项目管理…… 发布这些项目之余,乐享也辛勤更新了许多功能新特性,比如支持更多样化权限配置、考试相关页面支持添加水印、考试/课堂新增导出进度条...文档列表支持按浏览数排序 之前,K吧内文档只支持按更新时间和创建时间排序,现在,可以按照浏览数排序,最多人关心文档将会出现在前排。 ?...部分页面支持添加水印 考试作答及结果查看支持添加水印,增加考试信息安全性和保密性。 ? 导出功能新增进度条展示 导出页面上,新增了进度条显示导出进度,帮助管理员掌握导出状态。...课堂导出也新增了同样小功能哦! ? ? 超管可在创建进行 k吧应用配置 当管理后台设置“仅允许超级管理员启用/停用K吧内应用”时,超管在PC端创建k吧时可在创建进行k吧应用配置。 ? ?...新增1个接口 新增接口:新增获取投票参与人列表接口。 ? ? ? “在看”就点点我呀~ ?

78030

网站统计工具 Umami 安装部署教程

这些数据都在一个易于浏览面上展示。 不限网站数量 Umami 通过一次安装就可以跟踪无限数量网站,甚至还可以跟踪子域名和单个 URL。...共享数据 如果你想公开分享你计数据,那么你可以使用一个唯一生成 URL 进行共享。 移动端友好 Umami 界面已针对移动设备进行了优化,因此你可以从任何地方查看你计数据。...Umami 首先停止运行 pm2 stop umami 获取更新 git pull 可能会遇到获取更新失败。...umami 尾版本号有发生变化,那就是更新成功了。...如此我们站点监控端就算顺利完成了,点击该站点监控,可以发现访问人数并不会增加,这是因为我们需要在我们监控站点中插入反馈信息代码 点击获取跟踪代码 复制跟踪代码,将这部分代码放到我们需要监控网站

1.9K20

再论验证码安全:请及时销毁你验证码

为了方便大家理解,这里就以一个投票应用网站为例进行说明。...没有吧,验证码是生成图片,图片是有干扰因素不会被程序识别,而且验证码内容是保存到服务器,逻辑处理也是错。...在平时使用IE浏览时,每投票一次后刷新页面,验证码生成页面被重新请求,所以Session值在请求验证码生成时被替换,所以不会有什么问题。...但是现在面对投票机器人,机器人在第一次请求时获得验证码图片并展示给用户,用户肉眼识别验证码,然后输入程序文本框中,由于服务器上验证码内容并没有被销毁,而且投票程序也不会再请求验证码生成图片...举个简单例子吧: 比如现在页面上显示验证码是1234,同时抓包发现提交时候Cookie中有值:“EncryptCode=asdf”这是验证码明文经过加密后密文,不知道加密算法是什么,但是每次程序提交时就将

54610

分布式服务治理(三)---zookeeper原理及使用大全

zkCli.sh -server 192.168.44.131:1181 可以连接zk服务下面我们测试下对zk操作会不会是集群化。...在上面说myid高不会给myid低投票实际上是一种片面的理解。实际上是会进行投票投票之后会进行两张票PK,将权重高一张票投出去选举leader。有集群管理者进行统计投票计数。...zk1会斟酌这两张票,基于我们提到算法num=10*zxid+myid ,所以zk1会将(3,0)这张票投入计数箱中 ③、zk3收到两种票(3,0)、(1,0),同样会将(3,0)投入计数箱 ④、最终统计...在莫一时刻zk1执行了a=5,这时候client查了zk1a是5,虽然表面上是脏数据实际上是zk1未执行完。等待zk1执行完a=1.这就叫数据最终一致性。...配置管理熟悉springcloud都知道,springcloud是有一个配置中心。里面主要借助git实现配置实时更新

20710

Varient:一个多用途新闻和杂志系统,可上传视频音频等

#下载地址,安装方法不变,授权码随便填 https://www.moerats.com/usr/down/varient-v1.6.zip 功能 系统主要功能是通过谷歌翻译懒得每个词去改,凑合着看啊各位...(带播放列表) 计划帖子 保存为帖子草稿选项 将多个图像添加到帖子 添加,删除,更新类别 添加,删除照片 添加和删​​除Slider帖子 通讯(发送Html电子邮件到所有注册电子邮件) 管理注册电子邮件...懒惰图像加载 动态标签系统 Ajax评论系统 Facebook评论 投票投票(添加,删除无限投票) 社交登录(Facebook和Google) 社交分享 社交媒体链接 补充工具栏小部件(添加,删除,...更新小部件) 小工具:热门帖子 小工具:推荐帖子 小工具:随机文章滑块 小工具:标签 小工具:投票投票 浏览量计数(启用和禁用选项) 管理评论 管理联系人信息 高级帖子选项 Sitemap.xml生成器...管理员和作者资料 启用和禁用会员制度 启用和禁用评论系统 安全认证 重设密码 谷歌分析 高级设置选项 视觉设置 从管理面板中更改徽标,Favicon,网站标题,网站描述等 安装 环境要求:PHP 5.6

1.4K00

前端实战:electron+vue3+ts开发桌面端便签应用

标题过渡效果 切换index和setting时头部不变,内容过渡 数据储存:数据创建和更新都在编辑editor.vue进行,这个过程中在储存进nedb之后才通信列表index.vue更新内容,考虑到性能问题...remote.getCurrentWindow().show(); // 然后回index消息 e.sender.send('你好'); }); // index在等editor消息...ipcRenderer.on('你好', () => { // 好收到了 countFlag = true; }); // 如果没收到消息,那标记一直是false,根据定时器来做相应操作...uid查询该条数据库内容 富文本编辑做成了一个单独组件,使编辑代码不会太臃肿 document.execCommand文档 developer.mozilla.org/zh-CN/docs/…[6...exeConfig.syncDelay是设置里面的一个时间,可以动态根据这个时间来调节储存进数据库和列表更新,获取富文本组件html然后储存到数据库并传到列表更新 const changeEditorContent

3.3K30

担心投票系统被黑,详解荷兰政府为何决定在大选中使用手工计票

最终,荷兰国家选举委员会通过Sijmen Ruwhof发表分析文章,确认这套软件系统存在安全隐患,并对外宣布,在接下来总统大选中,将不会使用任何电子投票计票系统,改用原始手工计票。...2009年后电子计票系统一直被在选举后台使用 该电脑计票程序运行后会按不同区域生成合计投票计数,并存储在一个USB载体中,通过向上级区域层层汇总,最终形成电子数据将交由中央选举委员会进行合计。...使用电子计票系统面临严重风险 如果没人质疑最终选票电子合计结果,也将不会对纸质选票进行复审核实,如果没有纸质选票复审过程,也就意味着,这种纸笔方式投票对电子投票系统本身而言就是一种安全风险(风险1:...PDF和XML文档创建过程 当计票软件生成包含选票计数XML文档时,同时也会创建一个对应,包含由计票软件生成SHA1哈希校验值PDF文档,该文档为打印之用,而哈希值理论上不会被黑客远程更改。...恶意软件可以轻易篡改选票 视频在04:08时,画面中显示了包含投票计数生成XML文档,而讲解者需要通过用户接口导入这些文件让软件进行统计分析: 虽然这些文件是在同一个电脑上生成,但是在这个步骤却没有进行

1K70

selenium之 坑(StaleElementReferenceException: Message: Element not found in the cache...)

这时,他会问“可是明明元素就在那里,没有变,甚至是回退回来,页面都没有变,怎么会说是新页面?”。...这个就需要你明白页面长得一样不代表就是同一张页面,就像两个人长得一样不一定是同一个人,他们身份证号不同。页面,甚至页面上元素都是有自己身份证号(id)。...跳转到了新页面,但这张新页面上有一些元素跟之前页面是长得一样,这也是一张新页面了。...比如:一排分页按钮,你点击下一跳转到了第二,想要还用原来元素操作到下一,那也是不可能了。...很简单: 只要刷新页面之后重新获取元素就行,不要提前获取一组元素,然后去循环操作每一个元素,这种情况还是获取元素个数,然后在循环中获取相应位置元素,在用时候才去获取,这样你就获取到最新id了,也不会出现找错人尴尬了

1.1K10

Flutter实现页面切换后保持原页面状态3种方法

现在我们先来介绍另外两种方式: ① 使用IndexedStack实现 IndexedStack继承自Stack,它作用是显示第index个child,其它child在页面上是不可见,但所有child...,所有子状态都被实例化了( 这里细节并不是因为直接把子实例化放在bodyList里…<),如果在子StateinitState中打印日志,可以在终端看到一次性输出了所有子日志。...VIP、小说、直播结构仍和之前首页结构相同,仅显示一个计数器和一个加号按钮,以推荐recommend_page.dart为例: /// recommend_page.dart import...实现 写到这里已经很简单了,我们只需要在首页导航内需要保持页面状态State中,继承AutomaticKeepAliveClientMixin并重写wantKeepAlive为true即可。...,应用第一次加载时不会输出second initState,仅当第一次点击底部导航切换至该页时,该子State被实例化。

2.5K30
领券