Php 与浏览器相比，加载程序gif延迟'；s加载器映像_Php_Jquery_Ajax

Php 与浏览器相比，加载程序gif延迟'；s加载器映像

php jquery ajax

Php 与浏览器相比，加载程序gif延迟'；s加载器映像,php,jquery,ajax,Php,Jquery,Ajax,这里有一个代码片段，我试图显示一个“加载器”gif。我正在本地主机上测试，工作正常。然而，通过一点观察，我想知道当php从SQL数据库提取数据时，它是否真的显示gif 我的观察是，当我清除浏览器缓存并刷新页面时，我看到浏览器的加载器图像在页面的加载器加载之前转了几圈。我错过什么了吗 PS：我得到的gif加载程序显然是一个非常轻的文件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="U

这里有一个代码片段，我试图显示一个“加载器”gif。我正在本地主机上测试，工作正常。然而，通过一点观察，我想知道当php从SQL数据库提取数据时，它是否真的显示gif

我的观察是，当我清除浏览器缓存并刷新页面时，我看到浏览器的加载器图像在页面的加载器加载之前转了几圈。我错过什么了吗

PS：我得到的gif加载程序显然是一个非常轻的文件

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
    <script>
        $(document).ready(function () {
            $(document).ajaxStart(function () {
                $("#wait").css("display", "block");
            });
            $(document).ajaxComplete(function () {
                $("#wait").css("display", "none");
            });
            $("#text").load("example.php");
        });
    </script>
</head>

<body>
    <button>Change Content</button>
    <div id="wait" style="display:none;"><img src="../images/loader.gif"></div>
    <div id="text"></div>
</body>

</html>


文件
$（文档）.ready（函数（）{
$（文档）.ajaxStart（函数（）{
$（“#等待”）.css（“显示”、“块”）；
});
$（文档）.ajaxComplete（函数（）{
$（“#等待”）.css（“显示”、“无”）；
});
$（“#text”）.load（“example.php”）；
});
更改内容

在开发时测试ajax调用中使用的加载程序映像的一个好方法是在调用的脚本中引入人为延迟

usleep(3000);

这将使脚本休眠3秒钟，模拟相当大的网络延迟，使您可以直观地看到正在运行的加载程序映像。

在开发时测试ajax调用中使用的加载程序映像的一个好方法是在调用的脚本中引入人为延迟

usleep(3000);

这将使脚本休眠3秒钟，模拟相当大的网络延迟，使您可以直观地看到加载程序映像的运行。

每当测试这样的加载映像时，我喜欢在调用的脚本中人为地延迟。usleep（3000）；将给您3秒钟的暂停时间。通过延迟，您可以直观地验证加载程序图像是否像您希望的那样在慢速连接中显示。@SymeonQuimby谢谢，这很有帮助！每当测试加载这样的图像时，我喜欢在调用的脚本中人为地延迟。usleep（3000）；将给您3秒钟的暂停时间。通过延迟，您可以直观地验证加载程序图像是否像您希望的那样在慢速连接中显示。@SymeonQuimby谢谢，这很有帮助！