jquery中Ajax全局事件以及 NProgress的使用

news/2024/7/10 23:06:41 标签: ajax, jquery, javascript

现在我想实现这样的一个需求:当页面中有ajax请求发送的时候,我们希望能够给用户一个等待的提示,提示用户当前正在操作的过程当中,这个功能在网速比较慢的时候很有用。

如何实现这个需求?

  • 可能会想到:用beforsend去实现,在beforsend方法中,可以将提示元素显示出来。等到请求成功之后,再将提示元素隐藏起来。这种做法可以实现,但这样存在一个问题。当页面种ajax请求比较多时,我们要在每一个请求的代码中加入让提示元素显示的代码,代码重复率比较高
  • jQuery提供了ajax全局事件可以解决这个问题

1. 全局事件

只有页面中有ajax请求被发送,对应的全局事件就会被触发

在这里插入图片描述
在这里插入图片描述

2. NProgress的使用

这是一个类似youtube、Medium等网站上的小进度条插件。纳米级的进度条,涓涓细流动画告诉你的用户,一些事情正在发生!

非常适合Turbolinks、PJax或其他Ajax密集型应用程序。

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述


http://www.niftyadmin.cn/n/1333473.html

相关文章

复制linux虚拟机后,使用网络的时候,报错mac地址重复

使用场景: 我把 一个vm里的linux虚拟机进行了一份copy ,用vm 进行打开, 却发现copy 使用的虚拟机,它的ip 和mac地址都和原机一样, 无法联网. 那么要如何解决呢? ifconfig-eth0文件中,HWADDR是mac地址,只需要删除mac地址即可,重启后,会重新生成mac和uuid的

python支持double_将int转换为double Python

本问题已经有最佳答案,请猛点这里访问。我似乎在这个网站上找不到答案,尽管这似乎足够普遍。我试图输出两个文件中行数之比的双精度值。123#Number of lines in each fileinputLines sum(1 for line in open(current_file))outputLines sum(1 for line…

重装系统后,pycharm2019虚拟环境下搭建的旧项目找不到pytest

解决方法: 新建一个用本地环境的项目, 并且将旧项目的文件复制黏贴过去, 但是此时发现, 新建的项目依然没有办法定位到python 解析器 那就手动配置它 点击齿轮那里, 找到python解析器安装的根目录, 在python根目录下, 找到python.exe 文件,点击确认即可

关于 RESTful 和 XML

关于RESTful XML 1. 关于RESTful 1. RESTful 风格的API 在这个内容中,API特指客户端向服务器端发送请求的请求地址。 RESTful实际上就是一条规范,是一套关于如何设计请求地址的规范 实际,就是,对于增删改查,以及其…

python定义数组是带指针_如何在Python中为包装的C函数传递指向数组的指针

我是C / Python混合语言编程的新手,对Python / C API不太了解.我刚开始使用Boost.Python为Python包装一个C库.我被困在包装一个函数,该函数将指向数组的指针作为参数.以下(第二个ctor)是它在C中的原型.class AAF{AAF(AAF_TYPE t);AAF(double v0, const double * t1, const unsi…

数据结构王道考研书顺序表统考真题 --- 找出数组中的未出现的最小正整数

题目描述:给定一个含n(n≥1)个整数的数组,请设计一个时间上尽可能高效的算法,找出数组中未出现的最小正整数。例如,数组{-5,3,2,3}中未出现的最小正整数是1;数组{1,2,3}中未出现的最小正整数是4…

git 提交文件到本地仓库为空,没有东西可以提交的问题解决

而且我最后发现,是我的pycharm也有问题, 新增的文件, 没有变红色, 但是在项目文件中, 用git status 可以看到红色新增的颜色了, 也就是说我对着网上修改的配置,对pycharm不起效果,也可能是我的pycharm有问题 (二)后续补充 今天大早上睡醒的时候,还在回想这个问题, 然后早上洗漱…

mysql for循环_天天写order by,你知道Mysql底层如何执行吗?

前言在实际的开发中一定会碰到根据某个字段进行排序后来显示结果的需求,但是你真的理解order by在 Mysql 底层是如何执行的吗?假设你要查询城市是苏州的所有人名字,并且按照姓名进行排序返回前 1000 个人的姓名、年龄,这条 sql 语…