Question

我正在调用google 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。我不想在按钮点击时调用该功能，我希望它是通用的，所以当有服务器的调用显示加载图像并在下一页完成加载时完成显示。

提前感谢你!!

Answer 1

如果您使用的是Jquery，我建议您查看this

尽可能简单。

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

Answer 2

按照以下步骤操作：

在开始标记下方添加以下div。

calaculation.rb

添加一些CSS

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

添加jQuery和一行代码

.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.min.js

Answer 3

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

如果调用服务器，如何检查javascript

3 个答案: