php ajax 重复提交,php+ajax远程加载避免重复提交

近日在练习签到送积分功能时，发现可以在一瞬间的时候提交好多次导致可以重复领取多次积分除了增加请求限制之外发现ajax提交没有限制重复提交遂立此贴为警示

首先上表单代码

表单样式代码

.btn_submit {

background-color: #e31436;

color: #fff;

cursor: pointer;

display: inline-block;

font-size: 18px;

height: 44px;

line-height: 44px;

text-align: center;

width: 200px;

border-radius: 2px;

border:none

}

.disabled{opacity: 0.5;cursor:default}

AJAX防重复提交代码

function check_login() {

if ($("#btn_submit").hasClass("disabled"));//避免重复提交判断是否为disabled

return false; //是返回false

$("#btn_submit").addClass("disabled").val("正在提交"); //提交第一时间给class加上disabled

$.post("login.php", {id: 1}, function(data) {

$("#btn_submit").removeClass("disabled").val("登录"); //成功返回后取消disabled

location.href = "http://www.sucaihuo.com/php/2747.html";

}, "json");

return false;

}

php ajax 重复提交,php+ajax远程加载避免重复提交相关推荐

PhP加载时显示动画,在ajax请求完之前的loading加载的动画效果实现
这篇文章给大家介绍的内容是关于在ajax请求完之前的loading加载的动画效果实现,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 很多时候我们需要引入框架来开发项目,这时我们可能会 ...
jq异步实现ajax,用jQuery的AJax实现异步访问、异步加载
本篇文章实现了用jQuery的AJax实现异步访问和异步加载,具有一定的参考价值,感兴趣的小伙伴们可以参考一下. [异步访问] 用一个例子用以说明:点击按钮,将input内用户输入的数据发送给服务端, ...
自制预防校园暴力的智能监控系统：远程加载表格数据，SQLAlchemy操作数据库，云服务器（CentOS)
本文是[小码哥李明杰老师]指导完成的山东大学引航计划公益人工智能科研实训项目. 自制预防校园暴力的智能监控系统重定向路径路由配置(访问根路径,直接重定向到main): export default ...
Laya 【U3D场景的 .ls场景】【Laya.URL.basePath远程加载】【加载分包】，【进度条】
远程加载要素 1) 把包里所有资源都放服务器,开发者工具运行的只有代码类的和类库的 ,也可以放一些资源的 2) 把game.json里面的分包和代码里面的loadSubpackage()加载 ...
Creator+微信小游戏(2)：服务器远程加载资源（4M限制、socketio问题）
文章目录 1.资源放哪里? 2.Creator发布的问题 3.微信开发工具的问题 4.socket.io问题! 5.手机预览黑屏以下讲解以 cocos creator为例.笔者版本2.0.6. 1. ...
VS2019 error : 无法加载具有重复项目项的项目: ....作为 Image 且作为 Image 项类型包括在其中。
拷贝过来的一个vcc solution,打开时无法加载其中的项目,报错内容如下, error : 无法加载具有重复项目项的项目: res\POLYGON.png 作为 Image 且作为 Image ...
CocosCreator 动态加载与远程加载资源汇总
CocosCreator 动态加载与远程加载资源汇总概述所有需要通过 cc.loader.loadRes 动态加载的资源,都必须放置在 resources 文件夹或它的子文件夹下.如果一份资源仅仅 ...
$.ajax modal,使用bootstrap modal.load()加载的js，第二次modal显示的时候，js不生效？...
我想要动态加载modal内的内容(一个模版,里面包含加载js文件), 我使用load(),在modal显示的时候进行ajax加载,js如下: $('#modal').on('show.bs.modal ...
ajax传递数组_利用AJAX+PHP+MySQL实现不重新加载页面进行用户名已注册检测
AJAX简介 AJAX全称--Asynchronous JavaScript and XML(异步JavaScript和XML).使用AJAX,页面中用户的操作将通过AJAX引擎与服务器端进行通信,然 ...

php ajax 重复提交,php+ajax远程加载避免重复提交

php ajax 重复提交,php+ajax远程加载避免重复提交相关推荐

最新文章

热门文章