防止被多次执行-jquery进行异步请求的时候,如何防止多次被执行

问题描述

jquery进行异步请求的时候,如何防止多次被执行

在html页面中有一个点赞按钮,执行方式是jquery异步加载,点赞操作是先判断用户是否对该动态进行了点赞操作,没有的话才会将点赞次数加一。

但是当你鼠标多次快速点击的时候,依旧将点赞次数加入了多次?请问这个情况该如何处理?

解决方案

思路跟楼上的一样。。就是加个开关。。
var isCanPerform = ture;
if(isCanPerform){
isCanPerform = false;
//执行ajax代码
isCanPerform =true
}

解决方案二:

点击的时候讲你的操作按钮隐藏起来,显示个loading内容,这样体验也好,也不会重复点击

ajax回调完毕删除loading内容,显示你的操作按钮或者更改为其他内容不允许重复点击什么的

解决方案三:

增加一个 遮照层,点击后讲将遮照加上就行了

时间: 2024-08-31 06:18:04

防止被多次执行-jquery进行异步请求的时候,如何防止多次被执行的相关文章

jquery ajax异步请求回调的详解

是指在写ajax异步请求时该如果写回调呢?写啥回调呢?错误时触发哪个回调呢? 常见的有: $.post(url, {}, function(res){ }, 'json'); 殊不知这种在出错的时候没有任何的处理... 通常我这样写: $.ajax({     url: '',     data: {},     dataType: 'json',     type: 'POST',     success: function(res){},     error: function(){},  

jquery ajax异步请求 接收返回json数据

例子  代码如下 复制代码 $('#send').click(function () {     $.ajax({         type : "GET",         url : "a.php",         dataType : "jsonp",         success : function (data) {             $.each(data.items, function (i, item) {       

php-PHP的jQuery异步请求问题!

问题描述 PHP的jQuery异步请求问题! 这是json.html <br> function _GetData()<br> {<br> var sid=$("#sid").val(); //jQ获取用户输入的值<br> $.ajax(<br> {<br> type:"POST",<br> url:"json.php",<br> data:{&quo

jQuery Ajax 异步加载显示等待效果代码分享_jquery

AJAX 全称 Asynchronous JavaScript and XML(异步的 JavaScript 和 XML).它并非一种新的技术,而是以下几种原有技术的结合体. 1) 使用CSS和XHTML来表示. 2) 使用DOM模型来交互和动态显示. 3) 使用XMLHttpRequest来和服务器进行异步通信. 4) 使用javascript来绑定和调用. 通过AJAX异步技术,可以在客户端脚本与web服务器交互数据的过程中使用XMLHttpRequest对象来完成HTTP请求(Reques

浅谈Jquery中Ajax异步请求中的async参数的作用_jquery

之前不知道这个参数的作用,上网找了前辈的博客,在此收录到自己的博客,希望能帮到更多的朋友: test.html <a href="javascript:void(0)" onmouseover="testAsync()"> asy.js function testAsync{ var temp; $.ajax({ async: false, type : "GET", url : 'tet.php', complete: functi

基于JQuery的$.ajax方法进行异步请求导致页面闪烁的解决办法_jquery

情景 目前有个需求是在文本框填入内容,自动触发keyup事件,下拉列表会自动过滤相应的选项,但是使用了$,ajax后发现,每次触发事件时,都导致整个网页闪烁,触发了全局ajax事件 代码片段 $.ajax({ type: "POST", url: root + "/xxx, data: requestData, dataType: "json", success: function(data){ // 清空列表 $("#formOpinion #

使用JavaScript和Ajax发出异步请求

ajax|javascript|请求|异步 多数 Web 应用程序都使用请求/响应模型从服务器上获得完整的 HTML 页面.常常是点击一个按钮,等待服务器响应,再点击另一个按钮,然后再等待,这样一个反复的过程.有了 Ajax 和 XMLHttpRequest 对象,就可以使用不必让用户等待服务器响应的请求/响应模型了.本文中,Brett McLaughlin 介绍了如何创建能够适应不同浏览器的 XMLHttpRequest 实例,建立和发送请求,并响应服务器. 本文中,您将开始接触最基本和基础性

全面解析iOS中同步请求、异步请求、GET请求、POST请求_IOS

先给大家分别介绍下iOS中同步请求.异步请求.GET请求.POST所代表的意思,然后在逐一通过实例给大家介绍. 1.同步请求可以从因特网请求数据,一旦发送同步请求,程序将停止用户交互,直至服务器返回数据完成,才可以进行下一步操作, 2.异步请求不会阻塞主线程,而会建立一个新的线程来操作,用户发出异步请求后,依然可以对UI进行操作,程序可以继续运行 3.GET请求,将参数直接写在访问路径上.操作简单,不过容易被外界看到,安全性不高,地址最多255字节: 4.POST请求,将参数放到body里面.P

jQuery取消ajax请求的方法_jquery

本文实例讲述了jQuery取消ajax请求的方法.分享给大家供大家参考.具体分析如下: 这里需要注意的是,在ajax请求未响应之前可以用xhr.abort()取消,但如果请求已经到达了服务器端,这样做的结果仅仅是让浏览器不再监听这个请求的响应,但服务器端仍然会进行处理 var xhr = $.ajax({ type: "POST", url: "test.php", data: "name=test", success: function(msg