Question

我尝试了很多方法来实现加载效果，而Ajax使用gif图像加载，但未能成功完成。 GIF图像根本没有显示出来。

如何确保在完全显示提取的数据之前显示并隐藏gif，以便不损害应用程序的真实性。

非常感谢!!!

<div id="loader"> </div>



$.ajax({
                            type:"GET",
                            url:"ajax/forClickedDate.php",
                            dataType:'JSON',
                            data:"date=" + currentYear + '-' + currentMonthInteger + '-' + current.html() + "&id=" + "<?php echo $id;?>",
                            beforeSend:function(){
                                // this is where we append a loading image
                                $('#loader').append('<div class="loading"><img src="<?php echo IMAGE_PATH;?>blue.gif" alt="Loading..." /></div>');
                            },
                            success:function(data){
                                $('#loader').hide();
                                //do something with the data

                                $('#currentAppointment').append(data);
                                   $('#currentAppointment').append('<p>' + data[b].name + '-' + data[b].task + '</p>');
                                // }
                            },

也尝试过：

$(function(){   
             $('#loader').hide();

             $('#loader')
                 .ajaxStart(function(){
                     $(this).show();
                 }).ajaxStop(function(){
                     $(this).hide();
             });

Answer 1

您是否检查过.gif图片的绝对路径？

尝试手动设置此绝对路径而不使用PHP。如果效果很好，那么IMAGE_PATH就会出错。

ajax加载图像不显示

1 个答案: