【记】AJAX异步对事件的影响
随手纪录工作中发现的细小,可能以后就不会重复的走这条老路!
刚刚在工作中发现一个问题,ajax的调用异步请求会对事件有很大的影响!
可能这点很多人都知道了,不过我不是写给你们看的,只是自己记录下,加深下自己的记忆。
在解决这个问题之后我才想起来好像高程有这个介绍的。只怪当时没认真看而已,js是单线程的这个基本都知道。这就引发了一个事件中执行ajax的问题
如图:这是事件中带有ajax的一般流程。
当我们事件绑定到a标签或者是checkbox和radio等dom元素的时候,都会有一个默认的行为。如果正常的流程下我们可能就像图上面的一样绿到红到黄,但是当ajax请求的时候中间会有延迟,这段空闲的时间浏览器就会把黄色的代码块移上来先执行,然后再到ajax请求返回之后再执行ajax的回调函数。这就造成了dom元素的默认行为比我们ajax回调函数先执行。
我的解决办法是:在黄色代码块中阻止其默认行为,在回调函数中手动触发行为。当然不是最优解,有更好办法的欢迎留言!
TAG: