`
jxh118
  • 浏览: 125207 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

Ajax实现页面加载等待

    博客分类:
  • Ajax
阅读更多
 function createXMLHttpRequest(){
     if(window.XMLHttpRequest){ //Mozilla 
      XMLHttpReq=new XMLHttpRequest();
      }
      else if(window.ActiveXObject){
       try{
        XMLHttpReq=new ActiveXObject("Msxml2.XMLHTTP");
        }catch(e){
         try{
          XMLHttpReq=new ActiveXObject("Microsoft.XMLHTTP");
          }catch(e){}
          }
         }
        }
   //发送请求函数
   function send(url){
    appendDiv("Loading.....!"); 
    createXMLHttpRequest();
    XMLHttpReq.open("get",url,true);
    XMLHttpReq.onreadystatechange=proce;   //指定响应的函数
    XMLHttpReq.send(null); //发送请求
    }
   function proce(){
    if(XMLHttpReq.readyState==4){ //对象状态
     if(XMLHttpReq.status==200){//信息已成功返回,开始处理信息       
      var xmlDoc=XMLHttpReq.responseText;
      document.write(xmlDoc);
     }else{
     }}} 
   //增加div显示Loading字样 
   function appendDiv (message) {
   var div = document.createElement("DIV");
div.align="center";
div.style.fontSize="24px";
div.style.margin="15%";
var messageNode = document.createTextNode(message);
div.appendChild(messageNode);
document.body.innerHTML="";
document.body.appendChild(div);}
onload=send;

 

分享到:
评论

相关推荐

    Ajax 网页加载等待状态插件

    "Ajax 网页加载等待状态插件"通常是为了在Ajax请求处理期间向用户显示一个等待指示器,告知用户后台正在处理数据,避免用户感到界面卡顿或无响应。这种插件对于提升用户体验至关重要,因为它可以减少用户的焦虑感,...

    制作ajax加载等待图片

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

    简单jQuery加载等待转圈页面插件

    在网页开发中,用户体验至关重要,尤其是...总的来说,"简单jQuery加载等待转圈页面插件"是提升网页加载体验的实用工具,它通过jQuery的便利性和强大的DOM操作能力,为开发者提供了快速集成和定制加载提示的解决方案。

    ajax 实现等待页面

    "Ajax 实现等待页面"就是一种提升用户体验的技巧,它允许用户在后台加载数据的同时展示一个友好的等待界面,避免用户因长时间无响应而感到困扰。本文将详细讲解如何利用Ajax技术来实现这样的功能,并探讨相关的核心...

    Echarts通过Ajax实现动态数据加载

    ### Echarts通过Ajax实现动态数据加载 #### 一、引言 在现代Web开发中,数据可视化是一项重要的技能。Echarts作为一款强大的JavaScript图表库,因其丰富的图表类型、灵活的配置选项以及良好的交互性而备受开发者...

    实现ajax加载更多功能

    "实现Ajax加载更多功能"是Web开发中一种常见的优化用户体验的技术。它允许用户在不刷新整个页面的情况下,通过异步请求获取并加载更多的内容。这种技术尤其适用于新闻、博客、社交媒体和其他需要显示大量数据的网站...

    Ajax页面载入等待特效

    Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。...通过深入研究和实践,你将能够掌握Ajax页面载入等待特效的实现,提升你的Web开发技能。

    AJAX实现页面等待效果

    在网页开发中,AJAX(Asynchronous JavaScript and XML)是一种技术,它允许我们在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。这极大地提高了用户体验,因为用户可以在后台加载新数据的同时继续与...

    Ajax JQ 滚动加载页面

    Ajax(Asynchronous JavaScript and XML)和jQuery(JQ)结合的滚动加载页面技术,是现代网页开发中的一个重要实践,尤其在大数据量、高交互性的网站中广泛应用。这种技术通过监听用户的滚动行为,当页面接近底部时...

    ajax实现加载进度条

    在网页开发中,用户体验是至关重要的,特别是在进行Ajax异步数据请求时,用户可能会因为等待时间过长而感到困扰。"Ajax实现加载进度条"这一技术就是为了改善这种体验,通过实时展示加载进度,让用户了解后台处理的...

    ajax的动态加载

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

    AJAX UpdatePanel 加载等待提示框

    UpdatePanel是ASP.NET AJAX Control Toolkit的一个关键组件,它允许开发者创建无刷新更新,即用户交互后只有部分网页内容更新,而无需整个页面重新加载。然而,在UpdatePanel进行后台处理时,用户可能不清楚页面正在...

    Telerik Ajax加载

    Telerik Ajax加载是一种高效的方法,用于在ASP.NET开发中实现实时页面更新,无需完全刷新整个页面。Telerik是一家提供专业UI控件和工具的公司,其Ajax框架为Web应用程序提供了丰富的用户体验。在这个主题中,我们将...

    利用Ajax实现动态加载树

    但是如果树的节点和层次很多的时候,例如超过2000个节点的时候,一次性把树加载到页面就需要等待很长的时间.为了解决这个问题,我曾经在项目里利用Ajax来动态加载节点,即开始只显示必要的节点,当用户展开树的时候再加载...

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

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

    Ajax页面载入,等待特效

    总的来说,Ajax页面载入的等待特效是提高用户体验的重要手段,通过巧妙的设计和编程技巧,我们可以创造出各种吸引人的加载效果,使得用户在等待过程中不会感到不耐烦,从而提升整体的网站或应用的品质。

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

    这个技术允许用户滚动页面时,数据动态加载,而无需等待整个页面刷新。"ajax上拉懒加载列表(适用于移动端)"这个项目Dome正是为了解决这个问题,通过Ajax实现数据的分页加载,使得大量数据的显示更加高效、流畅。 ...

    ajax实现页面内部模块更新

    **Ajax 实现页面内部模块更新** Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过JavaScript与服务器进行异步数据交换,使用户可以与网页进行交互,...

    ajax页面预加载

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

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

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

Global site tag (gtag.js) - Google Analytics