对于我能够找到解决方案的好答案。

我最终想要本地化＆＃34; loading＆＃34;要基于元素ID显示的图像。全局ajaxStart()和ajaxComplete()功能不会处理本地事件。所以我用超时切换到beforeSend()函数：

$('.item').click( function (e) {

e.preventDefault();

var theID = $(this).attr('data');

var theInfo = $('.holder#h' + theID);

var loader = $('.waiting#w' + theID);

$('.holder').slideUp(); //closes any open data holders

var ajaxLoadTimeout;

if (!$(theInfo).hasClass('opened')) {

$(this).addClass('clicked');

$(theInfo).addClass('opened');

$(theInfo).html(''); //removes any existing data

$.ajax({

url: '_core/inc/getdata.php',

type: 'POST',

data: ({dataid: theID}),

dataType: 'html',

//shows LOCAL loader before ajax is sent

//but waits 3 milliseconds before doing so

//most of the ajax calls take less than 3ms

//without the timeOut the loader "flashes" for a milisecond

beforeSend : function() {

ajaxLoadTimeout = setTimeout(function() {

$(loader).show();

}, 300);

success: function(data) {

$(theInfo).html(data);

//Hides LOCAL loader upon ajax success

clearTimeout(ajaxLoadTimeout);

$(loader).hide();

complete: function(){

$(theinfo).slideDown();

}

});

} else {

$(this).removeClass('clicked');

$(theInfo).removeClass('opened').slideUp();

}

});

'.$this_title.'

CSS：.waiting { discplay: none; }

我不知道这是对还是错，但似乎在这里按预期工作。

如果该项目的加载时间超过几毫秒，它允许字体真棒图标出现在项目标题旁边。

ajax等待进度数,如果ajax少于X秒，如何延迟显示进度？相关推荐

ajax上传等待效果,ajax等待服务器响应添加等待效果
ajax等待服务器响应添加等待效果内容精选换一换删除备份.删除操作为异步操作,删除操作会根据后台执行任务的情况进行排队,所以不会立即完成删除,需要通过不断查询删除任务信息获取删除结果,时间最长耗 ...
ajax send报错,jquery ajax beforeSend 提交等待问题
需要使用异步加载async : true 否则不会出现等待效果 $.ajax({ url : $('#form').attr("action"), data: $('#form') ...
【学无止境】ajax长循环，反向ajax初体会，不用ws实现即时聊天
反向ajax ajax长循环,又叫comet机制,但是我最喜欢的还是叫他反向ajax 反向ajax,顾名思义,就是不是客户端来请求服务器端,而是服务器端请求客户端,这样做的好处是节省了大量以前轮询造成 ...
详细解读Jquery各Ajax函数：$.get(),$.post(),$.ajax(),$.getJSON()
一,$.get(url,[data],[callback]) 说明:url为请求地址,data为请求数据的列表(是可选的,也可以将要传的参数写在url里面),callback为请求成功后的回调函数,该 ...
AJAX初识(原生JS版AJAX和Jquery版AJAX)
一.什么是JSON 1.介绍JSON独立于语言,是一种与语言无关的数据格式.JSON指的是JavaScript对象表示法(JavaScript Object Notation)JSON是轻量级的文本数 ...
Asp.net ajax、Anthem.net、Ajax pro三大ajax框架那一种使用比较方便？易于配置?
· aspxcsharp Asp.net ajax.Anthem.net.Ajax pro三大ajax框架那一种使用比较方便?易于配置? Ajax Pro如何实现DataGrid无刷新? o ...
掌握 Ajax，第 1 部分: Ajax 入门简介
2019独角兽企业重金招聘Python工程师标准>>> 掌握 Ajax,第 1 部分: Ajax 入门简介理解 Ajax 及其工作原理,构建网站的一种有效方法 Ajax 由 HTM ...
ajax要不要入口函数,Ajax - SegmentFault 思否
** Ajax 技术应用 1.Ajax 简介 1.1Ajax 是什么? Ajax (Asynchronous JavaScript and XML) 是一种Web应用技术,可以借助客户端脚本(java ...
ajax资料收集-Ajax文章(教程和实例)---Ajax资源下载(源码和教程)---Ajax规范标准
CSDN Blog Ajax文章搜索: http://search.csdn.net/search/ajax/1/blog/ 专题:Ajax技术应用开发 http://www.51cto.com/ht ...

ajax等待进度数,如果ajax少于X秒，如何延迟显示进度？

'.$this_title.'

ajax等待进度数,如果ajax少于X秒，如何延迟显示进度？相关推荐

最新文章

热门文章