<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效果代码。分享给大家供大家参考,具体如下: 这是一款很不错的网页Loading效果,常用于Ajax交互式网页设计中,点击按钮即可弹出Loading框,若Loading框未加载完成时关闭...
即对在Ajax提交之前和提交完成之后,我们均可以对其进行一系列的操作,所以我们可以在ajax开始的时候,把Loading框显示出来,在ajax请求完成之后,把loading框关闭掉,基本上就完美实现这个效果了。 Jquery全局配置...
swiper实现的背景自适应+上拉自动加载(loading效果)的资讯列表页 微信项目中用到的资讯列表页,为了适应手机端特别优化,采用swiper插件,每一页数据相当于一个swiper-slide,下拉到最底部,ajax取下一页数据,底部...
您可能感兴趣的文章:javascript模拟实现ajax加载框实例JS基于Ajax实现的网页Loading效果代码Ajax风格的一款网页Loading效果dwz 如何去掉ajaxloading具体代码Ajax全局加载框(Loading效果)的配置
WEB开发中经常会用到AJAX来进行异步操作 通常在网络状况差的情况下 可能你的一个操作会有延迟 而客户端如果没有接受到...只要引入到页面中,它会自动帮助你注册Ajax的开始和结束的动画效果 Blog: http://www.lordz.cn
网页loading有很多用处,比如页面的加载进度,数据的加载过程等等,数据的加载loading很好做,只需要在加载数据之前(before ajax)显示loading效果,在数据返回之后(ajax completed)结束loading效果,就可以了。...
用这个源代码可以实现Ajax loading在asp.net开发
angularjs作为一个全ajax的框架,对于请求,如果页面上不做任何操作的话,在结果反回来之前,页面是没有任何响应的,不像普通的HTTP请求,会有进度条之类
主要介绍了vue实现ajax滚动下拉加载,同时具有loading效果的实现代码,文章包括难点说明,介绍的非常详细,感兴趣的朋友参考下
实现了获取评论无刷新,发表评论无刷新,www.sendawangluo.com页面获取评论时显示loading加载效果jquery真的是一个非常优秀的JS库,简单容易掌握,对于网页中的多级菜单、级联效果、Tab选项卡切换、图片轮转显示,...
本来想加个效果:在执行单击时显示Loading动画,在执行完单击事件后恢复原样。这就是网页里见到的局部刷新,Ajax常用的场景。需求来自几年前一个智能储物柜项目,人机界面有个美工设计好的效果图,为了省事和通用,...
废话不多说,先上效果图: 点击导出,实现 点击导出 统计完成之后 点击确定 下面来谈谈实现的思路: 前面导出操作简单,从第二个导出操作开始: 点击”确定”调用exportCsv函数 代码如下:<a><em>导出</em></a>...
实现了获取评论无刷新,发表评论无刷新,页面获取评论时显示loading加载效果 jquery真的是一个非常优秀的JS库,简单容易掌握,对于网页中的多级菜单、级联效果、Tab选项卡切换、图片轮转显示, 实现起来都非常的...
情景 如何在特定的请求上实现”ajaxStart”的效果? 首先,重写Ajax方法的代价太高,仍然可以利用jQuery自身的Ajax Events。 Ajax触发的全局事件会像一个标准事件一样传播到所有DOM节点上。层级:jQuery Events > ...
常见的一种效果,在用ajax请求时,没有返回前会出现前出现一个转动的loading小图标或者“内容加载中..”,用来告知用户正在请求数据。这个就可以用beforeSend方法来实现。 下载demo:ajax loading 代码如下: 代码...
该页面切换特效的HTML结构使用一个元素来作为页面的包裹元素,div.cd-cover-layer用于制作页面切换时的遮罩层,div.cd-loading-bar是进行ajax加载时的loading进度条。 <h1>Page Transition <!-- your ...
HTML5 JQuery 仿手机端 Pull Loading异步上拉加载特效,这个功能在手机上已经不新鲜了,在电脑端我们可以用HTML5来模拟实现,不过使用jquery配合最好了,Ajax交互效果更顺畅自然。包括了subNView模式选项卡中的第2...