1.需求:应用ajax技术异步提交数据
2.问题:多次点击元素由于服务器返还数据延迟问题,造成多次数据请求。
3.解决方法:
1.用变量标识符 (定时器模拟延迟返还数据)
var clickState = 0;
$(function(){
$('.button').click(function(){
if( clickState == 1){
}else{
clickState = 1;
setTimeout(addAjax,2000);
}
});
});
function addAjax(){
$.ajax({
success:function(){
$('.wrap').append('<div>添加</div>') ;
clickState = 0;
}
});
}
2.添加html内容作为标示
$(function(){
$('.button').click(function(){
if(!!$('.hidden')[0]){
}else{
$('body').append('<input type="hidden" class="hidden">');
setTimeout(addAjax,2000);
}
});
});
function addAjax(){
$.ajax({
success:function(){
$('.wrap').append('<div>添加</div>') ;
$('.hidden').remove();
}
});
}