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

Question

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

Answer 1

如果您使用的是ajax，那么您可以实现beforeSend，试试这个

$.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();
    }
});

希望得到这个帮助。

Answer 2

试试这个

$('.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();         
        }
    });
});