ajax防止表单重复提交

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

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

2.解决:

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

        

        

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

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

    

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值