ajax - 在 ajax 加载中显示图像在 chrome 中不起作用

Question

我完成了一个同步 ajax 请求，我想显示一张图片

<div id='loadingmessage' style='display:none'>
    <img src='images/ajax-loader.gif'/>
</div>

带有请求的 javascript

            $.ajax({
                type: "POST",
                beforeSend : function(){
                $('#loadingmessage').show(); // show image..
                },
                url: "get_surrounding.php",
                data: SendData,
                cache: false,
                processData: false,
                contentType: false,
                async: false
            }).done(function (data2) {
               $('#loadingmessage').hide(); // hide image
               newPopup('show_surrounding.php',data2);
            });

这适用于Firefox，但不适用于chrome，有什么解决方法吗？

Answer 1

只需在 ajax 调用之前加载它。

$('#loadingmessage').show();
$.ajax(...);