相信每个开发人员都应该有所了解。当用户发送Ajax请求，如果他们是在请求阶段很长一段时间没有给用户的响应，他们将给用户，用户认为我们的系统没有响应的错觉。这在某种程度上是一种友好。
即使用户没有看到预期的结果，它也会不断问，这将产生意想不到的后果。
因此，当Ajax请求被发送时，我们给出了一些措施来确保系统的正确运行和良好的用户体验。
在这里，我使用的是：在加载中显示图片，并弹出一层，这样用户就不能再次请求了。
实现方法
HTML的一部分：
HTML部分只需要放一个div，其中包含一个img。
CSS样式：
用于加载页面的div加载层中的图片。
loadingdiv。
{
位置：绝对；
文本对齐：中心；
左：0px；
上图：0px；
Z指数：70；
背景颜色：# 000000；
Opacity: 0.7; / * transparent #CCCCCC*/
显示：无；
}
图片加载
loadingdiv IMG。
{
位置：绝对；
左：0px；
上图：0px；
Z指数：80；
}
DIV和IMG样式设置。
JS代码
在ajax请求过程中，在加载中显示图片并显示图层，请求完成隐藏图片。
$（函数（）{（））
加载事件注册
$（#加载）。AjaxStart（function（）{）
一个div，用于阻止页面请求，而不是操作页
lockwin = $（this）功；
整个页面的帐户
lockwin.css（宽
lockwin.css（显示
lockwin.css（高
设置/图片中心
$（#加载IMG）。Css（显示
$（#加载IMG）。Css（左），（$（窗口），Width（）- 88）/ 2）；
$（#加载IMG）。Css（顶），（$（窗口），Height（）+ $（窗口），ScrollTop（））/ 2）；
}）；
$（#加载）。AjaxStop（function（）{）
隐藏
lockwin = $（this）功；
lockwin.css（宽
lockwin.css（显示
lockwin.css（高
设置隐藏的图片
$（#加载IMG）。Css（显示
}）；
}）；
总结
以上就是本文的全部内容。希望本文的内容能给大家的学习或工作带来一定的帮助。如果有任何疑问，你可以留言。
