`
妖术在烧纸
  • 浏览: 9924 次
  • 性别: 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>
分享到:
评论

相关推荐

    AjaxLoading

    Ajax Loading动画是在数据加载期间显示的视觉反馈,通常是一个旋转的小图标或者动态效果,告知用户后台正在进行数据处理。这些动画设计得既美观又不显眼,以避免干扰用户对主要内容的关注。在网页中,可以使用CSS3、...

    loading(各种AJAX加载图片)

    "loading(各种AJAX加载图片)"这个主题,主要关注如何利用AJAX实现图片的异步加载,以及在加载过程中展示各种加载效果,提升用户体验。 1. **AJAX基础** - **异步性**:AJAX的核心是XMLHttpRequest对象,它使得...

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

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

    AJAX的等待图标(LOADING图标)

    在实际应用中,开发者可以利用JavaScript库,如jQuery,来轻松实现AJAX请求及LOADING图标的显示和隐藏。例如,使用jQuery的`$.ajaxStart()`和`$.ajaxStop()`方法,可以在AJAX请求开始和结束时自动控制图标的状态。 ...

    ajax等待loading图标

    当用户触发一个Ajax请求时,通常需要显示一个加载或等待图标(loading icon),以告知用户后台正在处理数据,这正是“ajax等待图标”的核心应用场景。 **一、Ajax简介** Ajax是一种在无需重新加载整个网页的情况下...

    php+mysql+ajax分页+表格table+loading效果+css(已测试成功)

    下面将详细解释这些技术及其在分页和表格展示中的应用,以及如何实现loading效果。 1. PHP:PHP(Hypertext Preprocessor)是一种广泛使用的开源脚本语言,主要用于服务器端编程。它可以让开发者轻松地处理HTTP请求...

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

    **JavaScript (JS) 基于Ajax实现网页Loading效果** 在网页开发中,尤其是在使用Ajax进行异步数据交互时,为了提升用户体验,我们通常会在数据加载过程中显示一个Loading动画,告知用户后台正在进行处理。本实例将...

    50个ajax Loading GIF动画小图片

    "Ajax Loading"是一种通过JavaScript技术实现的异步加载机制,它使得网页可以在不刷新整个页面的情况下,只更新部分区域的数据,从而提高交互性和用户体验。 Ajax,全称Asynchronous JavaScript and XML(异步...

    基于Bootstrap 3内置loading指示器的提交按钮特效

    在这个特效中,用户可以有13种不同的loading指示器效果可供选择,这些效果通常以动画的形式展示,使用户明确知道操作正在执行。 为了实现这个特效,开发者可能使用了以下技术: 1. **jQuery库**:jQuery 是一个轻...

    收藏的ajax的loading图

    在网页开发中,"loading"和"ajax"是两个关键概念,它们紧密关联,共同提升了用户体验。"loading"通常指的是页面加载或者数据加载时显示的动画效果,它为用户提供了一个视觉反馈,表明系统正在处理请求,用户需要稍等...

    一个适合做页面 “加载中” 效果的插件 jquery-loading

    "jquery-loading"是一个专为实现这种效果设计的jQuery插件,它提供了一种简单而实用的方式来显示页面加载的状态,避免用户在等待过程中感到不耐烦。 首先,我们来了解一下jQuery。jQuery是一个快速、简洁的...

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

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

    分享11款精美 Ajax loading图标!

    当用户点击某个操作,页面需要时间加载数据时,显示一个美观的Ajax loading图标可以大大提高用户体验,让用户知道系统正在处理请求,而不是无响应。本文将深入探讨Ajax加载图标的重要性、设计原则以及如何在实际项目...

    H5非常炫酷的加载特效loading

    例如,可能有一个名为`loading.css`的文件,其中包含了`.loading-spinner`之类的类,这些类定义了旋转、缩放等动画效果。 总结,创建“H5非常炫酷的加载特效loading”涉及了HTML5的基础知识,CSS3的动画和布局特性...

    页面局部加载,适合Ajax Loading

    Ajax(Asynchronous JavaScript and XML)加载则是实现局部加载的一种核心技术手段。 Ajax的核心在于异步通信,它允许网页在不刷新整个页面的情况下,与服务器交换数据并局部更新页面内容。这种技术极大地提升了...

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

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

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

    总结起来,文章《vue实现ajax滚动下拉加载,同时具有loading效果(推荐)》介绍了一个非常实用的技术点,是针对Vue.js框架中实现列表数据懒加载的重要参考。通过结合自定义指令、生命周期钩子和Vue的响应式原理,实现...

Global site tag (gtag.js) - Google Analytics