使用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>

转载于:https://www.cnblogs.com/sdlyxyf/p/10629361.html