`
smartgz
  • 浏览: 71134 次
  • 性别: 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请求处理期间向用户显示一个等待指示器,告知用户后台正在处理数据,避免用户感到界面卡顿或无响应。这种插件对于提升用户体验至关重要,因为它可以减少用户的焦虑感,...

    dtree+ajax异步加载树

    而Ajax(Asynchronous JavaScript and XML)则是一种在不重新加载整个网页的情况下更新部分网页的技术。当dtree与Ajax结合时,可以实现异步加载树节点,提升用户体验,减少页面加载时间。 ### dtree基础知识 1. **...

    ajax 动态加载 jsp 和servlet

    Ajax的核心在于异步通信,它允许在不重新加载整个网页的情况下,从服务器获取数据并局部更新页面。这通常是通过创建XMLHttpRequest对象来实现的,该对象是JavaScript内置的,用于在后台与服务器进行通信。 在Ajax...

    ajax动态加载无限级树的复选框

    在IT领域,Ajax(Asynchronous JavaScript and XML)技术被广泛应用于网页动态加载数据,它可以实现页面无刷新更新,提升用户体验。本话题聚焦于利用Ajax动态加载无限级树结构的复选框,这是一个常见于文件管理、...

    jquery实现图片延迟加载和ajax方式加载页面

    在传统的网页加载中,所有图片都会在页面初次加载时一并下载,这可能导致页面加载时间过长,特别是在用户可能只关注页面顶部内容的情况下。图片延迟加载技术则改变了这一模式,它只加载用户当前可视区域内的图片,当...

    使用Ajax动态加载JSON文件

    在这个实例中,我们可能会看到一个HTML页面(dynamically-loading-json-files-using-ajax.html)展示了一个用户界面,该界面可以通过Ajax请求获取JSON数据,并将这些数据动态地显示在页面上,而无需刷新整个页面。...

    ajax实现加载进度条

    "Ajax实现加载进度条"这一技术就是为了改善这种体验,通过实时展示加载进度,让用户了解后台处理的状态,提高交互的友好性。jQuery作为一个流行的JavaScript库,提供了丰富的API和插件来简化这一步骤。 Ajax...

    ajax的动态加载

    在"ns-window--ajax页面动态加载弹出窗口"这个例子中,可能涉及的是通过Ajax技术实现弹窗内容的动态加载。这通常发生在用户点击某个按钮或链接时,触发Ajax请求,获取服务器上的数据,然后动态插入到弹出窗口的DOM...

    Ajax的加载,跳转页面

    Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它的核心在于利用JavaScript异步地与服务器交换数据并更新页面的局部内容,从而提升了用户体验,使得网页...

    Telerik Ajax加载

    总的来说,通过Telerik Ajax加载,开发者能够轻松地在ASP.NET应用程序中创建高效的异步用户体验,同时通过多个加载面板显示,确保用户了解后台处理的状态。这个技术的灵活性和易用性使得它成为Web开发中的一个重要...

    基于jquery.masonry插件开发的瀑布流ajax动态加载数据功能

    4. **优化用户体验**:为了避免频繁请求,可以设置一个加载状态标志,只有在前一次请求完成并且没有更多数据加载时才允许发起新的请求。此外,还可以使用“加载更多”按钮替代滚动触发,让用户自行决定何时加载新...

    jquery ajax实例点击按钮触发Ajax loading

    在网页开发中,jQuery AJAX是一种常用的异步数据通信技术,它允许我们在不刷新整个页面的情况下与服务器进行数据交互。在本实例中,我们将探讨如何利用jQuery的AJAX功能,通过点击按钮来触发一个加载动画(通常表现...

    页面局部加载,适合Ajax Loading

    总结来说,页面局部加载结合Ajax技术,能够提升网页的交互性和性能,提供更流畅的用户体验。通过滚动加载、点击加载等多种方式,可以有效地处理大量数据的展示,同时关注兼容性、SEO优化和性能,使网站更加高效和...

    ajax动态加载列表框

    同时,也可以通过CSS优化下拉列表的外观,使其在加载过程中有明显的加载状态。 8. **性能优化** 为了防止频繁的Ajax请求导致服务器压力过大,可以考虑添加缓存机制,或者使用debounce或throttle函数限制请求频率。...

    制作ajax加载等待图片

    在网页开发中,Ajax(Asynchronous JavaScript and XML)技术被广泛用于实现页面的无刷新更新,提高用户体验。当用户触发一个需要后台数据交互的操作时,如加载更多内容、提交表单等,通常会显示一个加载等待图片...

    AJAX动态加载无限级树和弹出div层

    在IT行业中,尤其是在前端开发领域,AJAX(Asynchronous JavaScript and XML)技术是不可或缺的一部分,它使得网页可以异步地与服务器进行数据交互,而无需刷新整个页面。本项目"AJAX动态加载无限级树和弹出div层...

    AJAX加载图标大全

    AJAX允许网页在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容,极大地提高了用户在浏览时的流畅度。其中,加载图标作为AJAX交互过程中的一个重要元素,它向用户表明后台正在处理数据,增强了用户...

    ajax页面预加载

    总结来说,Ajax页面预加载是提升Web应用性能的关键技术,它结合了Ajax的异步特性和预加载策略,旨在优化用户体验。开发者需要根据项目需求选择合适的预加载策略,并注意性能优化和兼容性问题。通过熟练掌握这些知识...

    ajax上拉懒加载列表(适用于移动端)

    Ajax,全称Asynchronous JavaScript and XML,是一种在不刷新整个页面的情况下与服务器交换数据并更新部分网页的技术。它使用JavaScript创建XMLHttpRequest对象,向服务器发送异步请求,获取返回的数据,并在客户端...

    ajax加载提示

    "Ajax加载提示"是指在使用Ajax进行后台数据交互时,为了提升用户体验,显示的一种正在加载的状态指示器。这种提示通常是一个动态的图形、文字或者动画,让用户知道后台数据正在加载,防止用户误操作或对页面状态感到...

Global site tag (gtag.js) - Google Analytics