javascript - 在哪里以及如何显示 ajax 加载图片

Question

在左侧菜单栏中，我有两个关于和消息的链接，同时单击消息它正在从服务器获取用户消息页面，它工作正常。我想向用户显示一些图片作为加载符号，该代码放在哪里我没有得到它。我正在使用以下 ajax 代码从服务器获取消息页面

 function getMessages(id)
    {
        var xmlhttp;
        if (window.XMLHttpRequest)
        {
            xmlhttp=new XMLHttpRequest();
        }
        else
        {
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
        if (typeof xmlhttp == "undefined")
        {
            ContentDiv.innerHTML="<h1>XMLHttp cannot be created!</h1>";
        }
        else{

            var query='message?id='+id;
            xmlhttp.open("GET",query,true);
            xmlhttp.onreadystatechange=function()
            {
                if (xmlhttp.readyState==4 && xmlhttp.status==200)
                {
                    document.getElementById("profile-detail").innerHTML=xmlhttp.responseText;
                }
            }
            xmlhttp.send();
        }
    }

Answer 1

1 假设你在你的页面

<img id="ajaxImageCtrl" src="path/ajax.gif" />

2 将此行放在后面var xmlhttp;

document.getElementById("ajaxImageCtrl").style.display = 'block'

3 把这条线

document.getElementById("ajaxImageCtrl").style.display = 'none';

后

 document.getElementById("profile-detail").innerHTML=xmlhttp.responseText;

我希望这能完成这项工作