zoukankan      html  css  js  c++  java
  • 使用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>
  • 相关阅读:
    Java运行环境(win10)
    maven封装jar包遇到的问题
    eclipse安装STS遇到的问题
    Redis IO多路复用的理解
    操作系统文章推荐
    jdk1.8新特性
    Maven笔记
    博主推荐
    MySQL文章推荐
    多线程文章推荐
  • 原文地址:https://www.cnblogs.com/sdlyxyf/p/10629361.html
Copyright © 2011-2022 走看看