点击一次元素多次触发请求

最新推荐文章于 2020-07-04 16:05:46 发布
最新推荐文章于 2020-07-04 16:05:46 发布
阅读量895 收藏
点赞数
分类专栏： 日常小问题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Freeky_ge/article/details/80539483
版权

$(".box").click(function(){

  fn()

})

function fn() {

    $(".box_b>a").each(function () {
        $(this).unbind('click').click(function () {
        makeAjax（）

 
 
     })
  })
 
 
}
 
 
大概就是这么个情况，点击a发送请求，然后点击.box后再点击a，会发送两次请求，再点击会发送3次.......
 
 
具体问题我也没搞清楚，只知道先unbind（click），再click，就好
 
 
如果哪位大牛可以解释一下，感激不尽
 
 
 

 


                

        

        

    

  


    

      

        

            

              
                
                  Freeky_ge
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
js  点击目标元素一次 会触发多次的点击事件

				
			

			

				

					syousetu的博客
				

				

					10-09
					
					1626
					
				

			

		

		

			
				
问题描述
点击input文本框会自动产生一个ul的下拉列表，js文件中有一个监听点击li元素的函数，目前在点击li的函数的时候，会触发多个点击事件
问题产生的原因
监听li的函数执行了多次（每次在input失去焦点的时候会执行这个函数），应该只执行一次
解决
监听函数执行时机：在页面加载完成之后，$(function () {}）这个方法中执行监听函数，执行一次即可
$(function () {

    

    window.get_data()
    window.onSubmit = func

			
		

	



                

            
              



	

		

			

				
					
html animation怎么多次触发,CSS动画之animation再次触发与防止多次触发

				
			

			

				

					weixin_39707201的博客
				

				

					06-26
					
					2011
					
				

			

		

		

			
				
上一篇博客记录了animation的介绍,这次记录一下具体的使用。1.再次触发动画可以通过给元素添加类名来触发animation动画，但是需要注意的是再次触发的情况。比如，如果想每次点击鼠标都能重新触发动画，CSS和JS并没有提供这种功能。我们能做的就是要先除去动画的效果，然后让文档重新计算样式，最后将动画效果再次添加到元素上。假定有下面的页面//HTML:Clickmetorunthe...

			
		

	



              


  
              

                


	

		

			

				
					
登录模块点击提交按钮一次却发起多次两次请求的模板示例

				
			

			

				

					03-18
				

			

		

		

			
				
该示例并非解决问题的示例，而是展示问题的示例。下载资源分设置不了为0，最少为2，抱歉。。。
ps：用的是idea环境，要将java文件夹在project structure的modules中设置为Sources

			
		

	





	

		

			

				
					
jq 误解之点击一次 请求发送了两次

				
			

			

				

					weixin_30760895的博客
				

				

					08-25
					
					81
					
				

			

		

		

			
				
无解 无解 ……
转载于:https://www.cnblogs.com/shuaitong/p/7428959.html

			
		

	



		

			
		



	

		

			

				
					
绑定事件导致发送多个ajax请求的问题

				
			

			

				

					weixin_30783629的博客
				

				

					06-28
					
					168
					
				

			

		

		

			
				
如果遇到每次触发click, change等事件时ajax请求都会增加一个，这种情况很有可能是每次触发事件都会多绑定一个事件，解决办法就是在每次绑定事件之前要解除绑定。

在点击事件里面直接套用ajax请求，这样造成的后果就是，点击第一次就提交一次，点击第两次提交两次，点击第三次提交三次请求，如此类推。

原因是因为在点击事件内绑定了ajax请求，造成重复绑定，事件重复监听...

			
		

	





	

		

			

				
					
addEventListener()与removeEventListener()

					
热门推荐

				
			

			

				

					web 前端
				

				

					05-24
					
					5万+
					
				

			

		

		

			
				
addEventListener()与removeEventListener()用于处理指定和删除事件处理程序操作。所有的DOM节点中都包含这两种方法，并且它们都接受3个参数：要处理的事件名、作为事件处理程序的函数和一个布尔值。最有这个布尔值参数是true，表示在捕获阶段调用事件处理程序；如果是false，表示在冒泡阶段调用事件处理程序。

要在按钮上为click事件添加事件处理程序，可以使用

			
		

	





	

		

			

				
					
jquery click点击一次执行两次解决方法

				
			

			

				

					ydm东方旭日的专栏
				

				

					04-19
					
					2万+
					
				

			

		

		

			
				
$('#sub').unbind('click').click(function () {
    ...
});

			
		

	





	

		

			

				
					
JS中mouseover和mouseout多次触发问题如何解决

				
			

			

				

					10-22
				

			

		

		

			
				
当用户使用鼠标在页面元素间移动时，这些事件会沿DOM树向上冒泡，从而引发不必要的多次触发。为了解决这一问题，文章提出了利用mouseenter和mouseleave事件的方法。  以下是详细的知识点解析：  1. 事件冒泡原理：在...

			
		

	





	

		

			

				
					
解决layer.confirm快速点击会重复触发事件的问题

				
			

			

				

					10-16
				

			

		

		

			
				
请求完成后，通过设置`lock = false`释放锁，允许下一次点击触发事件。  这个解决方案有效地避免了`layer.confirm`弹窗在用户快速点击时重复触发事件的问题，同时也减少了对后端服务器的压力。通过在前端进行这样的...

			
		

	





	

		

			

				
					
Jquery 一次处理多个ajax请求的代码

				
			

			

				

					10-28
				

			

		

		

			
				
而$(document).ready(function(){...})中的$('#getsetgo').click(function(){...})则为id为getsetgo的DOM元素绑定了点击事件处理函数，在点击时执行Ajax请求。这样的事件驱动模式是现代Web开发中常见的交互方式。  ...

			
		

	





	

		

			

				
					
点击一次按钮发出多次请求的解决方法

				
			

			

				

					weixin_42076693的博客
				

				

					07-04
					
					1658
					
				

			

		

		

			
				
点击一次按钮发出多次请求的解决方法
点击一次按钮发出多次请求，并且会拼接之前传递的参数，导致无法正常的获取数据
在网上查了一下说是将
$(".sure").click(function)
换成这样
$(".sure").one("click",function(){ alert("执行"); })
但是我试了无效，最后找到了在click方法中加return false;，完美解决。

...

			
		

	





	

		

			

				
					
click点击一次，执行多次的bug

				
			

			

				

					GSCurry的博客
				

				

					05-13
					
					2万+
					
				

			

		

		

			
				
问题最近做项目为一个添加按钮绑定点击事件，很简单的一个事情，于是我按照通常做法找到元素，使用JavaScript的addEventListener()方法为元素绑定了点击事件，点击同时发送请求。 
完成后看效果，第一次点击没有问题。再一次点击后发现发送了两次请求，后面再点击发现请求的数量越来越多。

			
		

	





	

		

			

				
					
bootstrap-table多次请求只触发一次的问题

				
			

			

				

					hehe2013_的博客
				

				

					01-03
					
					401
					
				

			

		

		

			
				
http://www.cnblogs.com/ziyoublog/p/9282809.html



			
		

	





	

		

			

				
					
一次点击事件，触发两次异步请求

				
			

			

				

					weixin_39982167的博客
				

				

					12-01
					
					2130
					
				

			

		

		

			
				
一次点击事件，触发两次异步请求，导致数据库存入了相同的两条记录

    阻止事件冒泡 : 
event.preventDefault(); 无效

    由于是动态生成的  点击事件运用了jQuery里面的on()方法，绑定在body上面，结果在程序里面运行了两次。参考了博客利用on和off方法编写高效的js代码知道了很多在dom对象删除以后，其声明的绑定在window上的事件还一直

			
		

	





	

		

			

				
					
前端js点击事件处理多次频繁点击问题

				
			

			

				

					weixin_42794365的博客
				

				

					12-28
					
					1万+
					
				

			

		

		

			
				
在开发中有时候我们有一个点击请求事件，如果操作者一直快速点击就会一直请求，造成资源浪费为此我们一般要进行处理防止用户频繁点击

一般处理频繁点击有：

1.显示隐藏

2.通过时间间隔进行判断

3.使用节流处理

此次使用第三种如果想了解前两种可进行搜索查询

代码：

<!DOCTYPE html>
<html>
<head>
    <meta ch...

			
		

	





	

		

			

				
					
点击按钮发送多次请求解决方案

				
			

			

				

					韩大璐
				

				

					09-14
					
					6772
					
				

			

		

		

			
				
前几天工作中遇到一个问题，在做使用余额支付的时候，点击立即购买按钮会出现一个弹层要求输入支付密码，输完之后点击确认发送请求。但是在测试的时候发现，在使用余额支付的时候，第几次购买就会发送几次请求，类似于事件叠加。

一开始实现的思路大概就是，点击立即支付按钮判断支付方式是支付宝支付、微信支付还是余额支付，如果是余额支付，则弹出层显示，并输入密码，同时将密码存放在一个变量里，点击确认的时候发送请求。...

			
		

	





	

		

			

				
					
postman点击一次连续发送多个请求

				
			

			

				

					空山新雨后，天气晚来秋
				

				

					08-10
					
					4万+
					
				

			

		

		

			
				
postman点击一次连续发送多个请求

			
		

	





	

		

			

				
					
ajax小技巧，防止多次点击发送多个请求

				
			

			

				

					weixin_30301183的博客
				

				

					11-03
					
					222
					
				

			

		

		

			
				
var isAjax=false;$("btn").click(function(){    if(isAjax)    return;
    isAjax=true;    setTimeout(function(){	alert(123);	isAjax=false;},2000);});刚开始为false，点击之后，为true就不执行，即不能再点击了。执行下一句，一开始设置为true，防...

			
		

	





	

		

			

				
					
xhr请求完成后为什么js请求会又请求一次

					
最新发布

				
			

			

				

					06-03
				

			

		

		

			
				
xhr请求和js请求是两个不同的请求，它们之间并没有直接的关系。如果在xhr请求完成后，js请求又发出了一个新的请求，那么可能是因为在xhr请求完成后，页面的某些JavaScript代码触发了新的请求。

例如，在xhr请求完成后，可能会触发某个JavaScript函数或事件，这个函数或事件中可能会通过动态创建script元素来发起新的js请求。这种情况下，xhr请求完成后会触发js请求。

另外，如果页面中存在多个异步请求，那么这些请求之间的执行顺序和完成时间可能是不确定的。因此，在某个异步请求完成后，可能会触发其他异步请求的执行。如果这些异步请求中包含js请求，那么可能会出现在xhr请求完成后，js请求又发起了一个新的请求的情况。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值