当前位置: 首页 > 编程笔记 >

Ajax 实现加载进度条

闻人昊昊
2023-03-14
本文向大家介绍Ajax 实现加载进度条,包括了Ajax 实现加载进度条的使用技巧和注意事项,需要的朋友参考一下

ajax beforeSend:

先说说这个 beforeSend, 在请求发送前执行 比如 可以判断用户有没有登录 ,如果没有登录就停止请求 并提示。

  $.ajax({
    url : 'my_action',
    dataType: 'script',
    beforeSend : function(xhr, opts){
      if(1 == 1) //just an example
      {
        xhr.abort(); // 停止请求
      }
    },
    complete: function(){
      console.log('DONE');
    }
  });

$.ajax有一个参数是complete:function(){} 是在 请求完成之后执行的 ,配合beforeSend可以用来展示进度条

比如:

   $.ajax({
        url : 'my_action',
        dataType: 'script',
        beforeSend : function(){
          // 设置 进度条到20%慢慢变到50%
        },
        complete: function(){
          // 设置 进度条到80%
        }
        success:function(){
          // 渲染页面
          // 进度到100%
        }
      }); 

这个只是表面上的看到的进度条 ,展示大概的进度,并不是真正的加载进度。

以上所述是小编给大家介绍的 Ajax 实现加载进度条,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持!

 类似资料:
  • 问题内容: 如何使用进度条显示页面的加载百分比?…(类似于它们在Flash中的显示方式) 谢谢 问题答案: 不可能(在IE8和FF3和Opera上,没有插件或扩展名)。如果要实际加载百分比,请包括HTML + Javascript +样式表+图片。您只能检测到页面中加载了多少文件(此技术只能检测到图像和javascript)。

  • 本文向大家介绍基于Blod的ajax进度条下载实现示例代码,包括了基于Blod的ajax进度条下载实现示例代码的使用技巧和注意事项,需要的朋友参考一下 普通的浏览器下载 在web开发中,如果要实现下载功能,往往都是使用新开web页面或者是使用iframe的形式。实现起来其实很简单: 用户点击a标签弹出一个新页签后,或者是打开了iframe后,浏览器就会接受一个下载响应,并下载附件。其实所谓附件下载

  • 本文向大家介绍Android自定义View实现加载进度条效果,包括了Android自定义View实现加载进度条效果的使用技巧和注意事项,需要的朋友参考一下 上一篇文章总结了下自定义View的几个步骤,如果还有不清楚的同学可以先去看看Android自定义View(一) ,这篇文章和大家分享一下自定义加载进度条,效果如下 下面就以水平的进度条为列进行讲解: 1.首先还是在attrs.xml文件中自定义

  • 本文向大家介绍ajax实现加载数据功能,包括了ajax实现加载数据功能的使用技巧和注意事项,需要的朋友参考一下 加载数据的具体代码,供大家参考,具体内容如下 1.xssj.php 2.xschuli.php 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍Ajax实现动态加载数据,包括了Ajax实现动态加载数据的使用技巧和注意事项,需要的朋友参考一下 前言: 1.这个随笔实现了一个Ajax动态加载的例子。 2.使用.net 的MVC框架实现。 3.这个例子重点在前后台交互,其它略写。 开始: 1.控制器ActionResult代码(用于显示页面) 2.前台页面主要代码 说明:这个就是要展示数据的表格,里面的字段要和你建好的模型匹配。

  • 问题内容: 我想获取我的AJAX请求的进度-到目前为止已下载了多少文件。例如,我正在使用AJAX下载大图片,因此可以将内容放在DATA URL中(这可能不是最好的方法,这只是一个示例。) 因此,我向无法控制的某些主机发出了AJAX请求(flickr),并将进度报告给用户。如果没有服务器端脚本或类似的东西,我找不到解决方法。最好的解决方案是使用JQuery,因为那是我在网站上使用的。谢谢!以撒 问题