使用jquery加载消息

Question

我有这个加载消息，而我的ajax调用检索数据。但是我得到了奇怪的结果。要么消息出现，并且中途呈现，直到ajax完成或者完全出现，让用户想知道什么是错误的。我需要一个加载消息的原因是，当检索数据时，它的延迟时间大约为5-10秒，对话框打开后绘制地图，然后使用标签重绘地图的要素图层。

这里是我的代码：

function loadData(v) 
{  
    var reg = 1; 
    var vId = v;      
    var d = 
    { 
     regionType: reg, 
     varId: vId 
    }; 

    //$("#loading").ajaxStart(function() { 
    // $(this).show(); 
    //}).ajaxStop(function() { 
    // $(this).hide(); 
    //}); 

    $("#loading").ajaxStart(function() { 
     $(this).show(); 
    }); 

    $.ajax({ 
     type: "GET", 
     url: WebRoot + "ws/bis.asmx/Data", 
     data: d, 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     success: function (data) {     

      fipsData = data.d; 
      openBox(d); 
      init(regType, varId); 

      $("#loading").ajaxStop(function() { 
       $(this).hide(); 
      }); 

     } //ends success function 
    }); //ends ajax call   
}; //ends message 

Answer 1

无需为ajaxStart或ajaxStop

function loadData(v) 
{  
    var reg = 1; 
    var vId = v; 
    var $loading = $("#loading");      
    var d = 
    { 
     regionType: reg, 
     varId: vId 
    }; 


    // Starts immediately after this line so no need to use ajaxStart 
    $loading.show(); 

    $.ajax({ 
     type: "GET", 
     url: WebRoot + "ws/bis.asmx/Data", 
     data: d, 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     success: function (data) {     

      fipsData = data.d; 
      openBox(d); 
      init(regType, varId); 

     }, //ends success function 

     // Fires even if a failure, so loading spinner won't hang around for no reason 
     done: function() { 
      $loading.hide(); 
     } 
    }); //ends ajax call   
}; //ends message 

Answer 2

如果你在使用ajaxStop和ajaxStart设置，那么你应该移动ajaxStop处理器之外成功回调。

$("#loading").ajaxStart(function() { 
    $(this).show(); 
}).ajaxStop(function() { 
    $(this).hide(); 
}); 

    $.ajax({ 
     type: "GET", 
     url: WebRoot + "ws/bis.asmx/Data", 
     data: d, 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     success: function (data) {     

      fipsData = data.d; 
      openBox(d); 
      init(regType, varId); 

     } //ends success function 
    }); //ends ajax call 

Answer 3

问题是 “这个”

$.ajaxStart(function() { 
    $("#loading").show(); 
}); 

“这个” 变量的变化取决于你的函数是如何被调用。

http://devlicio.us/blogs/sergio_pereira/archive/2009/02/09/javascript-5-ways-to-call-a-function.aspx

上面的链接可以是一个良好的开端，以了解更多关于js函数调用！