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

使用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>
上一篇:DHCP工作过程详解


下一篇:Ambari修改主页面方法