Ajaxがデータを返す前の表示loading待ち効果

ajaxデータを返す前にloadingアイコンをロード
ajaxリクエストを送信するとき、バックグラウンドが一時的にデータを返さない場合、通常、loadingアイコンが表示され、ユーザーが現在ロード中であることを通知します.
Jquery操作ajaxの例を次に示します.

    
    
    



  


    //            
    $('#btn').click(function(){
        $.ajax({
            url: url_path + "/archive/getOpinionArchives.do?archiveId=" + naid, //     url
            type:'get', //    
            dataType:'json', //         
            beforeSend:function(){
                $("#loading").html("<img src='./images/loading.gif' />"); //           loading  
            },
            success:function(data){  //data        
                $("#loading").empty(); //ajax    ，  loading  
                alert("ajax    !");
            },
            error:function () { //      
                alert("     !")
            }
        });
    });

以上、Ajaxがデータを返す前の表示loadingピクチャ待ち効果