js防止提交数据之后的按钮连击

阅读量：7168 次

发布时间：2019-06-29

本文共 499 字，大约阅读时间需要 1 分钟。

js防止提交数据之后的按钮连击

一、实例描述

当页面提交的数据特别多时，页面会反应比较迟钝，此时如果用户等不及而连续单击按钮，导致数据重复提交。本案例就是为了防止数据重复提交。

二、截图

三、代码

1  2  3  4     
      5     课堂演示 6         13 14 15 16 17 18 35 36 37

1、判断document的状态

2、window对象和document对象的层级关系

3、document的readyState属性

4、防止连击的方法：添加点击事件，提示用户处理进程

5、js中等于号写法，和php，java，c++都一样

6、这里字符串用的单引号

四、总结

案例要点：

本例的重点是如何判断页面的状态。

readyState 属性返回当前文档的状态,该属性返回以下值:

uninitialized - 还未开始载入

loading - 载入中

interactive - 已加载，文档与用户可以开始交互

complete - 载入完成

转载于:https://www.cnblogs.com/Renyi-Fan/p/8970552.html

你可能感兴趣的文章

Vue+Element+Select获取选中的对象

查看>>

Ubuntu下Tomcat连接MySql数据库

WPF Summary 系列指导（连载中…^_^）

查看>>

feof()的实现

查看>>

VS中Debug与Release、_WIN32与_WIN64的区别

20160509-hibernate--继承映射

查看>>

删除字符串最后一个字符的几种方法

查看>>

extjs apply,applyif,override,extend 的区别

查看>>

mycat 自增id笔记

查看>>

.net开源CMS系统使用教程之：如何用We7 CMS建设全新网站

查看>>

查看表扫描次数，并对比索引对表查询的作用

查看>>