防止用户连续多次点击提交请求,防止对服务器造成负担
2017-07-20 23:38
501 查看
<!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;
$('.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>
<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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 如何防止在服务器处理完成之前用户多次点击提交按钮(转)
- 防止在服务器处理完成之前用户多次点击提交按钮处理代码
- Swift 防止快速连续点击"提交"按钮，造成多次提交
- 控制服务器处理请求的数量（高并发）-防止用户重复点击导致多次请求
- 防止在服务器处理完成之前用户多次点击提交按钮处理代码
- 关于Asp.Net中避免用户连续多次点击按钮，重复提交表单的处理
- 防止用户多次点击按钮导致页面被多次提交
- 关于Asp.Net中避免用户连续多次点击按钮，重复提交表单的处理
- 如何避免用户多次点击造成的多次请求
- 防止按钮快速连续点击造成多次响应的方法
- 如何防止用户不小心多次点击按钮导致多次提交
- js中防止连续点击按钮导致多次重复提交数据的方法
- iOS 防止UIButton 连续点击导致请求多次的问题！
- 浅谈一下如何避免用户多次点击造成的多次请求
- 关于Asp.Net中避免用户连续多次点击按钮，重复提交表单的处理
- js防止用户多次点击提交
- 防止用户多次点击导致重复提交数据的问题
- 防止用户多次点击按钮，导致发送多次请求或者其他问题。
- 防止用户多次点击提交方法一：在js中的处理
- Jquery 实现表单提交按钮变灰，防止多次点击提交重复数据