Question

jquery ajax请求时如果页面卡主 多次发出相同请求 如何处理

假如 保存一条数据
当页面点击保存时，由于电脑还在执行其他线程，导致页面卡主，这时多次点击保存，发出ajax请求后，action端在处理的时候，先是判断名称是否存在，如果存在则返回页面error信息，如果不存在则保存到数据库
现在由于页面卡主，多次点击保存后，等页面有响应时，action端接到多次清楚，发现 保存了多个名称相同的记录，请问有什么好的办法解决这种问题没。
我自己想过 可以在 判断名称是否存在 和 保存 这段代码 加上同步，不知道还有没有更好的办法

Answer 1

有，现在流行的做法都是点击保存后进行锁屏，例如说显示个“正在保存中”的字样，避免因为异步执行的原因，用户可以重复点击提交按钮。

不存在遮罩前就点击第二次按钮的担忧，因为js也是要顺序执行的，没有执行完代码你操作不了

Answer 2

可以在页面加一个请求等待提示图层（默认隐藏），点击页面保存按钮时显示图层，ajax请求完成后的回调函数里再隐藏图层。这样就可以避免用户不停的发出ajax请求了。希望对你有所帮助！

Answer 3

加个标志位flag 初始化0 点保存以后就设置成1 保存的时候判断是否为1 是1的话表示已经保存过

追问

有个问题就是点击保存后 有返回结果才设置为1吧，但是如果还没有返回结果，可是已经发了多个请求出去了

追答

不需要返回 只要请求就设置1

Answer 4

加一个验证码，在服务器端判断验证码后就过期

Answer 5

点击以后让界面处于等待状态.直到完成.不知你试过没有

追问

你说的是遮罩吧，我也想过
由于我处理的线程太多，页面卡着不动，遮罩还没起作用的时候，会不会就已经发出了多个请求呢