`

连续点赞异步触发计数

    博客分类:
  • js
 
阅读更多
    防止连续触发异步请求,2秒发送一次计数

  
 
    var view_count_num=0;
    var view_count_status=true;
    $('.journal-reward').on('click',  function(event) {
       view_count_num++;
       if(view_count_status){
           view_count_status = false;
           setTimeout(function(){
              $.ajax({
                url: '/articles/add_view_count',
                data: {id:<%= @article.id%>,view_count:view_count_num},
                type: "get",
                success: function(data){
                  view_count_status = true;
                  $("#view_count").html(data["view_count"]);
                }
              });
              view_count_num = 0;
           },2000);
        }
    });
0
0
分享到:
评论

相关推荐

    HTML jQuery点赞功能,可以实现分别给多个评论点赞,动画样式同CSDN

    在这个点赞功能中,JavaScript的主要任务是更新点赞状态和计数,以及控制动画效果。当用户点击点赞按钮时,JavaScript会更改按钮的视觉状态(如改变图标或颜色),同时更新对应的点赞计数。此外,为了模拟CSDN的点赞...

    Android 点赞+1

    - **网络请求**:当用户点赞时,通常会发送一个网络请求到服务器,更新内容的点赞计数。这需要使用到网络库,如Retrofit、Volley或OkHttp。 - **异步处理**:网络请求应在后台线程中执行,以避免阻塞主线程。可以...

    JS点赞动画

    这个函数可能包括改变按钮的外观(如改变图标、颜色或文字),更新点赞计数,并可能通过AJAX异步更新服务器上的数据,以保持数据同步。 在HTML5中,我们可以使用`&lt;button&gt;`或`&lt;a&gt;`标签来创建点赞按钮,然后通过`...

    超棒的jquery点赞功能

    服务器端(这里假设是PHP)接收到请求后,会验证用户身份,更新数据库中的点赞计数,并返回相应数据。这个返回的数据可以是新的点赞数,用于前端更新UI。 此外,为了实现良好的用户体验,我们还可以加入动画效果,...

    jQuery点赞js,含图片

    4. **反馈展示**:根据服务器的响应,更新点赞计数和按钮的视觉状态,如改变图标或文字提示。 接下来是图片资源,这些png文件(1.png至5.png)可能是点赞不同状态的图标,例如: - 1.png: 点赞按钮的原始状态。 - 2...

    加1、点赞特效

    服务器接收到请求后,验证用户的点赞行为(防止重复点赞),更新数据库中的点赞计数,然后返回响应给前端。 3. **API封装**: 如果想要将点赞功能封装成API,我们可以设计一个HTTP接口,比如`/api/like`,接受POST...

    js点赞动画

    当用户点赞时,通常会有一个点赞计数显示。在JavaScript中,我们可以维护一个变量来记录点赞数,并在每次点赞后更新这个变量。然后,使用DOM操作将新的点赞数展示在页面上,同时可能伴随着数字的动态增长动画。 6....

    ASP+ajax+jQuery--顶-踩-无刷新【点赞】程式3.0 修正调试版

    在"点赞"功能中,Ajax可以用于发送用户的操作请求,然后更新页面上的点赞计数,而无需重新加载页面。 jQuery 是一个流行的JavaScript库,它简化了DOM操作、事件处理、动画和Ajax交互等任务。在本项目中,jQuery可以...

    asp+acc点赞 踩程序

    这包括验证用户身份、检查用户是否已经点赞、更新数据库中的点赞计数等逻辑。同时,也可能有防止重复点赞的机制,以确保每个用户只能对同一内容点赞一次。 "index.asp"是主页面,用户可以通过这个页面查看内容并...

    Twitter红心点赞CSS3动画按钮特效.zip

    接着,JavaScript负责处理逻辑,如记录用户是否已经点赞,或者与服务器通信更新点赞计数。这可能涉及到本地存储(如localStorage)或异步请求(Ajax)来同步数据。 核心的视觉效果则由CSS3来实现。CSS3引入了许多新...

    Android 点赞

    这种动画可能包括图标颜色的变化、手形图标的缩放、点赞计数的动态显示等。例如,当用户点击点赞按钮时,图标可能会由灰色变为红色,同时伴有轻微的放大效果,以提供视觉反馈,让用户知道他们的操作已被接收。 在...

    asp+JS无刷新多记录投票+点赞系统【原版+简化修正版】

    当用户触发这些事件时,JavaScript会构建一个XMLHttpRequest对象或者使用更现代的fetch API来向服务器发送POST或GET请求,携带相关的投票或点赞信息。同时,它还会处理服务器的响应,例如更新页面上的投票计数或点赞...

    jQuery+CSS3文章点赞功能代码

    例如,jQuery的`$(selector).click()`方法用于绑定点击事件,`$.ajax()`则可以用来异步更新服务器上的点赞数据,确保点赞状态在多用户间同步。 CSS3是层叠样式表的最新版本,为Web开发者提供了更丰富的样式控制和...

    ASP+ajax+jQuery--顶-踩-无刷新 点赞 程式 带数据库 可直接运行

    在这个程序中,当用户点击“赞”或“踩”时,AJAX 调用会异步发送请求到服务器,然后将响应结果(可能是新的点赞计数)返回到页面上,实现无刷新更新。 3. **jQuery**:jQuery 是一个JavaScript库,简化了...

    jQuery+ajax实现文章点赞功能的方法

    - 点击事件被触发后,JavaScript代码通过AJAX发送异步请求到服务器,服务器端脚本接收数据并更新存储点赞数的文件或数据库。 - 服务器处理完毕后,返回一个确认信息(如“good”),前端JavaScript接收到这个信息...

    jQuery+CSS3实现的文章大拇指点赞功能特效源码.zip

    5. 发送Ajax请求:如果需要记录用户的行为,可以向服务器发送异步请求,更新数据库中的点赞计数。 CSS3是CSS的最新版本,引入了许多增强的特性和功能,如选择器、伪类、过渡、动画和3D变换。在这个项目中,CSS3主要...

    php+js实现点赞功能的示例详解

    操作一次";}echo $msg;}通过以上代码,我们可以了解到如何使用PHP和JavaScript(jQuery库)来实现一个简单的网页点赞功能。...此外,为了用户体验,通常会采用异步更新,避免每次点赞都需要刷新整个页面。

    直播点赞动画

    当事件触发时,调用动画方法,并根据需要更新数据模型,比如增加点赞计数。 5. **性能优化**:考虑到大量粒子可能导致性能下降,我们需要注意减少不必要的渲染和计算。例如,可以预先生成一定数量的心形粒子并复用...

    java互关设计架构实现.rar

    - 消息推送:关注动作通常会触发消息通知,需要设计消息队列或发布/订阅模型来异步处理这些通知,避免阻塞主线程。 - 性能优化:对于大型社交网络,关注和取消关注操作可能非常频繁,因此需要优化数据库索引、...

Global site tag (gtag.js) - Google Analytics