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);
        //其他代码
    });
});
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容