Web防止重复提交数据的方法

最新推荐文章于 2024-04-08 04:43:36 发布

原创最新推荐文章于 2024-04-08 04:43:36 发布 · 319 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Web #JavaScript #ViewUI

本文介绍了一个使用JavaScript实现的简单网页按钮点击事件，通过设置Cookies来控制按钮的触发频率，确保用户不会在设定的时间间隔内连续触发同一事件。该功能涉及到JavaScript中Cookies的基本操作，包括设置和获取Cookies。

<SCRIPT LANGUAGE="JavaScript">
<!--
        //JS cookie
        defaultTime = 10000; //默认间隔时间10秒;
        function SetCookie(name,value)
        {
                var Days = 1;
                var exp = new Date();
                exp.setTime(exp.getTime() + Days*24*60*60*1000);
                document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
        }
        function getCookie(name)
        {
                var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
                 if(arr != null) return unescape(arr[2]); return null;

        }
        function checkTime(){
                var d = new Date();
                var now = d.getTime();
                var lastTime = getCookie('lastTime');
                if(lastTime == 'null' || (parseInt(lastTime)+defaultTime) < parseInt(now)){
                        SetCookie('lastTime',now);
                        alert('发送成功');
                }
                else alert('您发得太快!');
        }
//-->
</SCRIPT>
<button onclick="checkTime();">发送</button>