jQuery Loading的两种方法

1:可以用jquery自带的beforeSend

        $('#id').click(function(){
            $.ajax({
                type:"get",
                url:"test.php",
                beforeSend:function(){
                    //等待延迟的函数
                },              
                success:function(data){
                    //代码
                }
            });
        })
    

2封装延迟对象。

function getAjaxData(){
    var defer = $.Deferred();
    
    $.ajax({
        type:"get",
        url:"",
        async:true,
        success:function(data){
            defer.resolve(data);
        }
    });
    return defer;
}
//
$('#id').click(function(){
    showLoading();          //显示等待图标函数
    $.when(getAjaxData()).done(function(data){
        closeLoading();     //隐藏等待图片函数
        console.log(data);
        //其他代码
    });
});

推荐阅读更多精彩内容