Question

我有2页x.php和y.php，我正在将页面x.php重定向到y.php。我通过表单发布方法重定向页面。

y.php从mysql数据库中提取更多数据，加载该页面需要3到4秒，我需要在页面加载时显示进度条（加载图像）。

这就是我正在做的事情，

一个html页面正在提交到远程服务器x.PHP页面，x.PHP页面正在从mysql数据库中提取数据，并根据它重定向到y.PHP的数据类型，这个重定向是通过使用javascript自动表单提交完成的

我需要在html和x.php以及x.php上显示加载图像到y.php

我尝试在x.PHP页面上回显图像标记，它在mozila而不是其他浏览器中工作。

我怎样才能实现这一点，任何人都可以帮助我吗？

Answer 1

我认为唯一的方法是使用AJAX - 在x.php上加载y.php，或在y.php上加载数据。

Answer 2

你需要使用jquery。我正在使用此代码。

当您的请求开始加载加载图像到页面时。当数据以成功函数返回时，它将数据加载到页面。

    $('#something').change(function(){ // change, click doesnt matter



    $('#load').html("<img src='images/load2.gif' />"); // loading img



    $.post(
            'select.php?do=load', // your y.php
            {s:value},
            function(answer){

            $('#load').html("");
            $('#page').html(answer);


            }
    );

});

Answer 3

希望有所帮助

<style>
    .loader {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: url('images/somegif.GIF') 50% 50% no-repeat rgb(249,249,249);
    }
    </style>
    <script>
        $(window).load(function() {
            $(".loader").fadeOut("slow"); 
        })
    </script>
    <body>
    <div class="loader"></div>
    </body>

在重定向上显示加载图像

3 个答案: