使用JS在页面进行数据处理时显示等待画面

使用js在页面进行数据处理期间显示等待画面：

在页面选择执行函数进行数据处理期间，显示等待画面。

    <script>
        function fun(the,row_id) { //测试函数
            //var data = $(the).parents("tr").children("td").eq(4).text();
            //alert("获取到的data：" + data);
            $.ajax({
                url: '{% url "url_name" %}',
                type: "POST",
                data: {"id": row_id},
                //timeout:100000, //超时时间
                beforeSend:function(XMLHttpRequest){ //函数执行期间显示等待画面
                   $("#loading").html("<div style='position:absolute;top:150px;left:480px;z-index:10;'> //设置显示格式及位置
　　　　　　　　　　　　　　　<img src='{% static "images/loading.gif" %}' /></div>");  //在后台返回success之前显示loading图标
                 },
                success: function(e) {
                    var result_str=e;
                    $("#loading").empty(); //ajax返回成功，清除loading图标
                    alert(result_str)
                 },
                error:function () { //请求数据失败
                    alert("服务器繁忙!");
                    parent.location.reload();
                     },
                });
            }
</script>