Jquery 附加ajax加载程序映像
这可能很简单,但对于像我这样一个不太爱jquery的人来说有点难。我一直在钻研源代码,我想出了一个ajax脚本。我不知道在哪里或如何在此处添加ajax加载程序映像:Jquery 附加ajax加载程序映像,jquery,ajax,post,Jquery,Ajax,Post,这可能很简单,但对于像我这样一个不太爱jquery的人来说有点难。我一直在钻研源代码,我想出了一个ajax脚本。我不知道在哪里或如何在此处添加ajax加载程序映像: $.post(webroot+'quickLookUp.php',{'format':'json','function':'Lookup','domain':$('.domain_name').val(),'tld':'.'+$('.domain_name_ext').val()}, function(data) { data
$.post(webroot+'quickLookUp.php',{'format':'json','function':'Lookup','domain':$('.domain_name').val(),'tld':'.'+$('.domain_name_ext').val()},
function(data)
{
data = $.parseJSON(data);
if(data[0].result != 'Available')
// script here
else
// script here
});
其中,showSpinner
和hideSpinner
函数将分别显示和隐藏AJAX进度图像
如果要对当前页面上的所有AJAX请求执行此操作,可以使用:
您只需在调用之前显示图像,并将其隐藏在AJAX请求的回调函数中
您还可以在jQuery中使用全局AJAX事件在发送AJAX请求时始终显示加载图像(并在请求完成时隐藏图像):
以下是jQuery全局AJAX事件处理程序的文档:
showSpinner();
$.post(webroot+'quickLookUp.php', {'format':'json','function':'Lookup','domain':$('.domain_name').val(),'tld':'.'+$('.domain_name_ext').val()},
function(data)
{
hideSpinner();
...
});
$.ajaxSetup({
beforeSend: showSpinner,
complete: hideSpinner
});
/*SHOW Loading Icon Here*/
$.post(webroot+'quickLookUp.php',{'format':'json','function':'Lookup','domain':$('.domain_name').val(),'tld':'.'+$('.domain_name_ext').val()},
function(data)
{
/*HIDE Loading Icon Here*/
data = $.parseJSON(data);
if(data[0].result != 'Available')
// script here
else
// script here
});
$.ajaxStart(function () {
/*SHOW Loading Icon*/
}).ajaxComplete(function () {
/*HIDE Loading Icon*/
}).post(...);