ajax防止表单重复提交

1.问题:当ajax进行表单提交,发送请求到后台,数据处理比较复杂,响应速度有所影响,此时,草所人员误以为点击无反应,便多次点击提交按钮,导致出现重复数据。

    Ajax的原理简单来说通过XmlHttpRequest对象来向服务器发异步请求,从服务器获得数据,然后用javascript来操作DOM而更新页面。这其中最关键的一步就是从服务器获得请求数据。

2.解决:

    (1)方式一:利用标识符

        ajax防止表单重复提交

        ajax防止表单重复提交

在ajax提交前,定义标识符,然后进行判断是否在提交状态中,如果为true,直接return,不执行ajax,当执行成功之后,将标识符设为false.

    (2)提交按钮是否能够点击(比较粗暴,不建议)

    ajax防止表单重复提交