Php 如何在浏览器完全加载动态内容之前加载图像？

我需要获取500多条记录。因此，我需要加载一个图像符号，直到获取所有数据为止？我使用ajax从MYSQL数据库获取数据

如果您使用ajax，那么您可以在发送之前实现，请尝试此操作

$.ajax({
    url:'',
    data:{
    },beforeSend:function(xhr){
        // some image in a div box
        $('.some-image').show();
    },success:function(data){
        // your code goes here to display data
        $('.some-image').hide();
    }
});

希望这有帮助。

试试这个

$('.record').live('click', function() {
    var ajaxurl="test.php";
    $.ajax({
        type:"POST",
        url:ajaxurl,
        data:'&test='+1,
        beforeSend:function(){
            $('.cf_loader').html('<p class="cf_load"></p><p class="cf_result">Fetching new result</p>').css('display','block');
        },
        success:function(response){
            $('.cf_loader').hide();         
        }
    });
});

$（'.record'）.live（'click'，function（））{
var ajaxurl=“test.php”；
$.ajax({
类型：“POST”，
url:ajaxurl，
数据：'&test='+1，
beforeSend:function（）{
$（'.cf_loader'）.html（'
获取新结果）
）.css（'display'，'block'）；
},
成功：功能（响应）{
$（'.cf_loader'）.hide（）；
}
});
});

到目前为止您尝试了什么？当您在该行之后调用AJAX时，请这样写$（“loadingImageId”）.show（）；和成功后$（“loadingImageId”）.hide（）；我想这可能有助于我将课堂的出勤情况记录下来。我需要显示所有学生的注册号以输入出勤情况。我使用ajax显示了所有记录。但几秒钟后内容就会完全加载。因此，在显示所有记录之前，我需要向最终用户指示页面加载信息。