Question

为什么在chrome中，同步ajax请求已经阻塞了页面，但页面仍然能响应事件

在页面中有一个按钮，点击后会发起一个同步ajax请求，这个同步请求时间比较长，点击按钮后，页面看似不响应ui事件了，但狂点按钮，会发现重复发送了很多同样的请求。在firefox下，阻塞中的页面就不会响应事件。想问一下，这具体是chrome什么机制导致的。

Answer 1

　　同步ajax请求不会阻塞页面，只会堵塞Ajax请求本身。Ajax异步和同步的区别是：当Ajax请求开始时，异步请求路径后，不管请求结果，直接进行运行到下一步，相当于在Ajax时开了一个新线程；而同步请求时，访问请求路径后，等待请求完成，然后在进行下一步。但是这两个请求是不会堵塞页面本身的，click事件本身就是异步的。所以多次点击会导致请求多次。
　　如果不希望请求多次，你可以设置一个公共参数为true，当请求Ajax时设为false，请求结束后设为true，进入方法后如果是false就不让他请求。还有一种方法就是弹出一个遮罩，覆盖整个页面，让整个页面都不能点击，请求完成后取消遮罩。

追问

那firefox下与chrome下的不同表现是什么原因呢？

追答

　　因为他们是不同的浏览器啊！浏览器不同他们对js的解析是不一样的，就和css一些属性有些不支持一样。

追问

谢谢你的回答，不过我的问题还没解决，我只是想知道chrome在这方面的实现。

追答

“如果不希望请求多次，你可以设置一个公共参数为true，当请求Ajax时设为false，请求结束后设为true，进入方法后如果是false就不让他请求。还有一种方法就是弹出一个遮罩，覆盖整个页面，让整个页面都不能点击，请求完成后取消遮罩。”