Jquery 附加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

这可能很简单,但对于像我这样一个不太爱jquery的人来说有点难。我一直在钻研源代码,我想出了一个ajax脚本。我不知道在哪里或如何在此处添加ajax加载程序映像:

$.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(...);