如何使用javascript检查是否调用服务器

How to check with javascript if call is made to server

本文关键字：调用 服务器 是否 检查 何使用 javascript      更新时间：2023-09-26

我正在调用谷歌api（在json中获取数千条记录），将记录保存在数据库中，然后在下一页上显示所有记录。我想显示加载 gif 直到下一页加载。我使用了jquery（见下面的代码），但它没有按预期工作，因为加载图像仅在下一页开始加载时才显示，并且当下一页完成加载时，该div会淡出。当调用谷歌 API 时，它不会显示。

<script>
    // Wait for window load
            $(window).load(function() {
                // Animate loader off screen
                $("#bg").fadeOut("slow");
                $("#imgLoading").fadeOut("slow");;
            });
</script>

如果调用服务器，我如何使用 JavaScript 进行检查，以便我可以显示加载 gif。我不想在单击按钮时调用该函数，我希望它是通用的，因此当调用服务器时会显示加载图像并在下一页完成加载时完成显示。

提前谢谢你！！

如果你正在使用Jquery，那么我建议看看这个

这是尽可能简单的。

$( document ).ajaxSend(function() {
  $( ".log" ).text( "Triggered ajaxSend handler." );
});

按照以下步骤操作：

在开始标记的正下方添加下面的div。 

<div class="loader"></div>

添加一些 CSS

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('images/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
}

添加 jQuery 和一行代码

<script type="text/javascript">
$(window).load(function() {
    $(".loader").fadeOut("slow");
})
</script>

注意：请确保 jquery.min.js 包含在您的文件中

解决方法：好吧，我有一个解决方法，我开始显示加载图像onSubmit表单的事件。在下一页上开始显示相同的加载图像，直到页面完全加载。因此，按下按钮时开始加载图像，直到下一页完全加载。

相关文章：