`
smartgz
  • 浏览: 67900 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
最近访客 更多访客>>
社区版块
存档分类
最新评论

Ajax页面加载状态显示

阅读更多

     function ShowResut()//显示结果
    {
        if(xmlHttp.readyState == 1)//表示正在加载
        {
            document.getElementById("pgr").innerHTML ="正在加载....请稍等";
        }
        if(xmlHttp.readyState == 4 && xmlHttp.status == 200)//请求处理完成
        {
            document.getElementById("pgr").innerHTML ="";
            //do somthing here
        }
    }

      再拖个DIV对应就可以了。具体放什么位置,看自己喜好。

<div style="COLOR: white; BACKGROUND-COLOR: red" id="pgr">
            </div>

分享到:
评论

相关推荐

    Ajax 网页加载等待状态插件

    Ajax 网页加载等待状态插件! Ajax 网页加载等待状态插件!

    一个Ajax网页加载等待状态插件

    内容索引:脚本资源,Ajax/JavaScript,Loading,进度条 一个Ajax网页加载等待状态插件,cvi_busy_lib.js,可以广泛使用到程序处理等待、数据提交,图片加载等大数据加载需要等待的场合,提示用户程序正在运行。...

    Ajax请求过程中显示“进度”的简单实现

    以下图为例,页面中通过一个Load链接以Ajax请求的方式加载数据(左)。当用户点击该链接之后,Ajax请求开始,GIF图片显示“Loading“状态,同时当前页面被“罩住”防止用户继续点击Load按钮(中);Ajax请求完成被...

    jQuery基于ajax实现页面加载后检查用户登录状态的方法

    主要介绍了jQuery基于ajax实现页面加载后检查用户登录状态的方法,结合实例形式较为详细分析了jQuery结合ajax进行表单登陆验证操作的具体步骤与相关操作技巧,需要的朋友可以参考下

    Ajax在请求过程中显示进度的简单实现

    以下图为例,页面中通过一个Load链接以Ajax请求的方式加载数据(左)。当用户点击该链接之后,Ajax请求开始,GIF图片显示“Loading“状态,同时当前页面被“罩住”防止用户继续点击Load按钮(中);Ajax请求完成被...

    AJAX个人站点整站源代码

    -新增心情花絮功能,显示最近状态。 -独立增强相册功能,可供评论。 -提示自用户上次登录以来的日志更新。 ####################################################### 特别提示 ##############################...

    jquery的ajax同步和异步的理解及示例

    这个同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面出去假死状态,当这个AJAX执行完毕后才会继续运行其他代码页面假死状态解除。 而异步则这个AJAX代码运行中的时候其他代码一样可以...

    使用加载图片解决在Ajax数据加载中页面出现短暂空白的问题(推荐)

    在项目中用ajax异步获取数据后有时会因为数据问题或者网络问题,页面一直显示空白,现在用加载图片来过渡这种状态,具体实例代码通过本文一起学习吧

    ajax实现页面的局部加载

    ajax如何实现页面的局部加载,具体如下 点击头部即右上角的链接时,页面会根据相应的链接加载新的内容,显示在下方;在中间区域有3栏,当点击1栏中的链接,2栏中会显现相应的内容,点击2栏中的内容,3栏中的内容又会...

    AJAX、http传输协议、响应状态码、请求方式

    AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。 AJAX 不需要任何浏览器插件,但需要用户允许 JavaScript 在浏览器上执行 ———————————————— 版权声明:...

    ajax请求提示

    页面发起ajax请求提示时会有一个延时的提示效果,让用户知道加载状态

    标签(Tabs)实现多页面切换

    用js实现的多页面切换功能,应用到ajax,动态加载所需要的页面及所传递参数,有滚动条,很好的东西哦 因为用到ajax,需要在server下才能看到正常加载状态

    【卷一/共两卷】AJAX实战pdf高清版90M

    6.4.1 显示状态栏图标 6.4.2 显示详细的通知信息 6.4.3 集成 6.5 用通知框架处理网络请求 6.6 表示数据的时效性 6.6.1 定义简单的突出显示格式 6.6.2 用Scriptaculous效果库进行突出显示 6.7 小结 6.8 资源 第7章 ...

    PHP培训教程之AJAX技术.docx

    1、AJAX初步认识 AJAX的全称... readyState属性请求的状态有5个可取值0=未初始化,1=正在加载,2=以加载,3=交互中,4=完成 responseText属性器的响应,表示为一个串 reponseXML属性器的响应,表示为XML

    jQuery Ajax请求状态管理器打包

    但有时候这个问题会非常繁琐和麻烦,要么将这个‘Loading’显示在ajax请求之前,然后在ajax成功后隐藏它,或者将它写在jquery的ajax的全局事件jQuery.ajaxStart()和jQuery.ajaxStop()中来控制整个页面的ajax状态。...

    Printer:打印机是一个开源的 AJAX 样式页面加载 jQuery 插件,可在单击时从侧边栏中的每个超链接中检索 URL

    打印机是一个开源的 AJAX 样式页面加载 jQuery 插件,可在单击时从侧边栏中的每个超链接中检索 URL。 它也可以用作基本幻灯片(但请记住,此插件不会缓存任何资源,即打印机将在每张新幻灯片上发出新的 AJAX 请求)...

    解决微信返回上一页,页面中的AJAX的请求,对Get请求无效的问题

    此时需要使用一个AJAX方法去查询认证状态,并修改页面的状态显示。 当时没有按照标准的方法写ajax方法,默认使用的方法是Get请求,前台JS代码如下: [removed] = function(){ var isProfesser=$('#isProfesser')....

    Ajax 仿Windows桌面和开始菜单特效.rar

    支持窗口拖动,Ajax动态加载数据,显示桌面时钟,显示桌面图标、开始菜单等,使用方法:创建一个窗口:AddWin(Aid,Atitle,Aurl,Aw,Ah,Atype,Abut)  Aid -- 唯一ID,不要与其它窗口相同,可以是任意字母数字等  A...

    xloadtree无限极ajax tree

    原理:初始化状态查询出根节点和第一级节点,并且第一级节点的图标是 + ,点击 + 出现loading...,然后再显示出节点下的子级,如果没有子级,则 + 变成 - ;将加载完后出现的子级菜单用JS保存在客户端,下载再点 + ...

Global site tag (gtag.js) - Google Analytics