zoukankan      html  css  js  c++  java
  • CSS3的颜色透明度 ajax请求时loading

    1.background-color:rgba(0,0,0,0.65)         这行代码让覆盖层变黑色,且有0.6的透明度

    正常情况下遮盖层会把透明度遗传给弹出框(它的子元素),但是利用CSS3的这个特性则不会

    2.

    在ajax方法中定义任意位置显示的“加载中。。。”提示

    $('#ajax_test2').click(function(){
         $.ajax({
              url ---- url路径,根据你需要些啦,
              type:'post',
              data:'name=ZXCVB',
              timeout:15000,
              beforeSend:function(XMLHttpRequest){
                  //alert('远程调用开始...');
                  $("#loading").html.("<img src='/jqueryStu/images/loading.gif' />");
             },
             success:function(data,textStatus){
                 alert('开始回调,状态文本值:'+textStatus+' 返回数据:'+data);
                 // $("#loading").empty();
               },
              complete:function(XMLHttpRequest,textStatus){
                  // alert('远程调用成功,状态文本值:'+textStatus);
                 $("#loading").empty();
               },
               error:function(XMLHttpRequest,textStatus,errorThrown){
                  alert('error...状态文本值:'+textStatus+" 异常信息:"+errorThrown);
                 $("#loading").empty();
              }
           });
        });

    < input type.="button" id="ajax_test2" value="Ajax方式">
      <div id="loading"></div>

    很明显,在beforeSend时,在指定的位置显示“加载中。。。”图标,在error、complete、success后把该图标移除掉!!!!

  • 相关阅读:
    第一次玩github,第一个开源小项目——xxoo
    从Cortex-M3的MSP 和PSP谈Linux能否在中断中使用Sleep
    MSP与PSP
    Keil综合(03)_map文件全解析[转]
    Android 格式化分区命令
    强化学习(二)马尔科夫决策过程(MDP)
    强化学习(一)模型基础[转]
    在博客中使用MathJax写数学公式
    循环神经网络(RNN)模型与前向反向传播算法
    Git missing Change-Id in commit message footer解决方法
  • 原文地址:https://www.cnblogs.com/xisitan/p/4636041.html
Copyright © 2011-2022 走看看