防止用户连续多次点击提交请求,防止对服务器造成负担
来源：互联网 发布：java实现扫码支付 编辑：程序博客网 时间：2024/06/06 03:39
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input class="btn" type="button" value="点我">
<script src="js/jquery-3.1.1.min.js"></script>
<script>
var timer = null;
timer = setTimeout(function() {
_ajax();
}, 1000);
});
function _ajax() {
$.ajax({
url: '',
type: 'get',
data: '',
success: function (data) {
console.log(data);
}
});
}
</script>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input class="btn" type="button" value="点我">
<script src="js/jquery-3.1.1.min.js"></script>
<script>
var timer = null;
$('.btn').click(function() {
//定义一个延时函数,用户不断点击会取消前一次,只执行最后一次请求
timer && clearTimeout(timer);timer = setTimeout(function() {
_ajax();
}, 1000);
});
function _ajax() {
$.ajax({
url: '',
type: 'get',
data: '',
success: function (data) {
console.log(data);
}
});
}
</script>
</body>
</html>
阅读全文
0 0
- 防止用户连续多次点击提交请求,防止对服务器造成负担
- Swift 防止快速连续点击"提交"按钮，造成多次提交
- 防止按钮快速连续点击造成多次响应的方法
- 防止用户多次点击按钮导致页面被多次提交
- 控制服务器处理请求的数量（高并发）-防止用户重复点击导致多次请求
- iOS 防止UIButton 连续点击导致请求多次的问题！
- Android：防止过快点击造成多次事件
- Android 防止过快点击造成多次事件
- Android：防止过快点击造成多次事件
- Android：防止过快点击造成多次事件
- Android：防止过快点击造成多次事件
- Android防止过快点击造成多次事件
- Android防止过快点击造成多次事件
- Android：防止过快点击造成多次事件
- Android：防止过快点击造成多次事件
- Android：防止过快点击造成多次事件
- 【ASP.NET】 【防止连续多次点击提交按钮 导致页面重复提交】
- iOS防止(按钮)UIButton多次点击造成多次响应
- React Native 中组件的生命周期
- Android四大组件之Activity
- response.setHeader各种用法
- 聊聊man,嘿嘿！！！
- 手写HashMap，实现put，get以及扩容
- 防止用户连续多次点击提交请求,防止对服务器造成负担
- PAT (Advanced Level) Practise 1022 Digital Library (30)
- Android Wi-Fi 2.4G及5G信道一览表
- Nexus3搭建Maven私有库(三)
- MFC在窗体上画线
- React Native Mac 环境搭建
- WaterGems第一讲：水力模拟计算
- html基础
- 【剑指offer】面试题21：调整数组顺序使奇数位于偶数前面
