Question

js ajax如何终止之前的请求

我已经通过 XMLHttpRequest实现了异步更新
但是遇到一个问题，就是当连续点击提交的时候，会像服务器提交多个ajax请求
我不希望这样，我想一旦有新请求提交，就终止之前的所有请求，应该怎么做？？
另外不会jquery，请用原生的js回答我，谢谢了

Answer 1

点此按钮，提交ajax请求，按钮灰掉，不允许点此，或者点此无效果
在ajax结果返回的时候或者请求失败的时候，把按钮恢复原状，

Answer 2

XMLHttpRequest对象有abort()方法 ,调用abort来终止
假设之前的ajax定义var ajax = new XMLHttpRequest();

调用 ajax.abort()

Answer 3

你的思路错了，两种方式：
1 第一次点击后，发送请求，请求未完成前，再次点击，不发送请求；
2 判断间隔时间，多次连点，只在最后一次点击后，并且1s内无再次点击，满足则发送请求

Answer 4

最好在连续点击提交的时候 这限制下 弄成点击后20秒才能再次点击

Answer 5

我想你的思路弄错了，你应该要实现的是放置重复提交，不是之前的有没有提交完毕

追问

你说的这种方式，我也可以接受
那应该怎么防止呢？