ajax怎么解决重复提交

1、我们定义一个按钮来触发ajax请求。

2、按钮事件就是一个ajax的发送逻辑。

3、为了避免重复提交，我们可以定义一个变量。开始值为false，然后当这个值为false时，我们就发送ajax请求。

4、在发送请求时，把这个值设置为true，在成功或有错误返回时，设置为false，这样就可以避免重复提交了，因为只有ajax返回后，才能提交第二次。

5、但当你的页面有多个按钮触发多个ajax请求时，使用一个变量就不行了。我们可以修鸷拳林根改一下，使用另外一种方法，就是添加一个beforeSend的方法，在这个方法里设置按钮为不可点。在有返俱蒉檑诟回后，再设置按钮为可点击的。代码如图。

6、运行页面，这是请求前的按钮，我们点击按钮发送请求。

7、在发送期间，这个按钮就会变成不可点击的，用户想重复提交都不行的。ajax有返回后，会修改按钮为可点的。