热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

ajax防止表单重复提交

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

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

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

2.解决:

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

        

        

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

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

    



推荐阅读
author-avatar
加乘ACCA财务英语教室_438
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有