`
妖术在烧纸
  • 浏览: 9273 次
  • 性别: Icon_minigender_2
  • 来自: 成都
社区版块
存档分类
最新评论

Ajax实现loading效果

阅读更多
<script>
  function createxhr(){
    if(window.ActiveXResponse){ //IE
      xmlHttp = new ActiveXResponse();
    }elseif(window.XMLHttpResponse){  //非IE
      xmlHttp = new XMLHttpResponse  
  }
}

  function loading(){
    var img = "<img src="../images/loading.gif">"
      if(xmlHttp.readystate == 4){  //请求完成
         if(xmlHtt.status == 200){  //请求成功
           document.getElementById("data").innerHTML = xmlHttp.responseText;
         }
     }else{
           document.getElementById("data").innerHTML = img;
    }
}
</script>
分享到:
评论

相关推荐

    JS基于Ajax实现的网页Loading效果代码

    本文实例讲述了JS基于Ajax实现的网页Loading效果代码。分享给大家供大家参考,具体如下: 这是一款很不错的网页Loading效果,常用于Ajax交互式网页设计中,点击按钮即可弹出Loading框,若Loading框未加载完成时关闭...

    Ajax全局加载框(Loading效果)的配置

    即对在Ajax提交之前和提交完成之后,我们均可以对其进行一系列的操作,所以我们可以在ajax开始的时候,把Loading框显示出来,在ajax请求完成之后,把loading框关闭掉,基本上就完美实现这个效果了。 Jquery全局配置...

    swiper实现的背景自适应+上拉自动加载(loading效果)的资讯列表页

    swiper实现的背景自适应+上拉自动加载(loading效果)的资讯列表页 微信项目中用到的资讯列表页,为了适应手机端特别优化,采用swiper插件,每一页数据相当于一个swiper-slide,下拉到最底部,ajax取下一页数据,底部...

    Ajax loading gif generator

    您可能感兴趣的文章:javascript模拟实现ajax加载框实例JS基于Ajax实现的网页Loading效果代码Ajax风格的一款网页Loading效果dwz 如何去掉ajaxloading具体代码Ajax全局加载框(Loading效果)的配置

    导入JS就可以实现自动注册AJAX异步操作的动画效果(懒人的福音)

    WEB开发中经常会用到AJAX来进行异步操作 通常在网络状况差的情况下 可能你的一个操作会有延迟 而客户端如果没有接受到...只要引入到页面中,它会自动帮助你注册Ajax的开始和结束的动画效果 Blog: http://www.lordz.cn

    javascript实现一个网页加载进度loading

    网页loading有很多用处,比如页面的加载进度,数据的加载过程等等,数据的加载loading很好做,只需要在加载数据之前(before ajax)显示loading效果,在数据返回之后(ajax completed)结束loading效果,就可以了。...

    Telerik Ajax加载

    用这个源代码可以实现Ajax loading在asp.net开发

    Angularjs注入拦截器实现Loading效果

    angularjs作为一个全ajax的框架,对于请求,如果页面上不做任何操作的话,在结果反回来之前,页面是没有任何响应的,不像普通的HTTP请求,会有进度条之类

    vue实现ajax滚动下拉加载,同时具有loading效果(推荐)

    主要介绍了vue实现ajax滚动下拉加载,同时具有loading效果的实现代码,文章包括难点说明,介绍的非常详细,感兴趣的朋友参考下

    jquery+ajax无刷新评论源码(包含无刷新分页)

    实现了获取评论无刷新,发表评论无刷新,www.sendawangluo.com页面获取评论时显示loading加载效果jquery真的是一个非常优秀的JS库,简单容易掌握,对于网页中的多级菜单、级联效果、Tab选项卡切换、图片轮转显示,...

    C#中Winform 实现Ajax效果自定义按钮

    本来想加个效果:在执行单击时显示Loading动画,在执行完单击事件后恢复原样。这就是网页里见到的局部刷新,Ajax常用的场景。需求来自几年前一个智能储物柜项目,人机界面有个美工设计好的效果图,为了省事和通用,...

    php+ajax实现带进度条的大数据排队导出思路以及

    废话不多说,先上效果图: 点击导出,实现 点击导出 统计完成之后 点击确定 下面来谈谈实现的思路: 前面导出操作简单,从第二个导出操作开始: 点击”确定”调用exportCsv函数 代码如下:&lt;a&gt;&lt;em&gt;导出&lt;/em&gt;&lt;/a&gt;...

    jquery+ajax无刷新评论源码

    实现了获取评论无刷新,发表评论无刷新,页面获取评论时显示loading加载效果 jquery真的是一个非常优秀的JS库,简单容易掌握,对于网页中的多级菜单、级联效果、Tab选项卡切换、图片轮转显示, 实现起来都非常的...

    使用jQuery全局事件ajaxStart为特定请求实现提示效果的代码

    情景 如何在特定的请求上实现”ajaxStart”的效果? 首先,重写Ajax方法的代价太高,仍然可以利用jQuery自身的Ajax Events。 Ajax触发的全局事件会像一个标准事件一样传播到所有DOM节点上。层级:jQuery Events &gt; ...

    jquery.ajax之beforeSend方法使用介绍

    常见的一种效果,在用ajax请求时,没有返回前会出现前出现一个转动的loading小图标或者“内容加载中..”,用来告知用户正在请求数据。这个就可以用beforeSend方法来实现。 下载demo:ajax loading 代码如下: 代码...

    jQuery实现切换页面过渡动画效果

    该页面切换特效的HTML结构使用一个元素来作为页面的包裹元素,div.cd-cover-layer用于制作页面切换时的遮罩层,div.cd-loading-bar是进行ajax加载时的loading进度条。 &lt;h1&gt;Page Transition &lt;!-- your ...

    HTML5 JQuery 仿手机端 Pull Loading异步上拉加载特效.rar

    HTML5 JQuery 仿手机端 Pull Loading异步上拉加载特效,这个功能在手机上已经不新鲜了,在电脑端我们可以用HTML5来模拟实现,不过使用jquery配合最好了,Ajax交互效果更顺畅自然。包括了subNView模式选项卡中的第2...

Global site tag (gtag.js) - Google Analytics