原生js XMLHttpRequest在onreadystatechange事件根據(jù)判斷readyState和status的狀態(tài)可以知道數(shù)據(jù)是否已發(fā)送完

參考下

    var loading = (function(){

        var $loading = $('body').append('<div id="loading"></div>');

        var show = function(){
            $loading.fadeIn();
        };

        var hide = function(){
            $loading.fadeOut();
        };

        return {
            show: show,
            hide: hide
        }
    })();

    // 開始發(fā)起ajax調(diào)用
    loading.show();

    $.ajax({
        url: '/path/to/file',
        type: 'default GET (Other values: POST)',
        dataType: 'default: Intelligent Guess (Other values: xml, json, script, or html)',
        data: {param1: 'value1'},
    })
    .done(function() {
        console.log("success");
    })
    .fail(function() {
        console.log("error");
    })
    .always(function() {
        // ajax請求結(jié)束時調(diào)用
        loading.hide();
        console.log("complete");
    });

題主用的是 jQuery 吧？根據(jù)文檔，$.ajax 提供一個 complete 回調(diào)，在請求完成時會調(diào)用，像這樣：

// 開始請求
showLoading()
$.ajax(url, {
  complete: function () {
    // 請求完了
    hideLoading()
  }
})