Javascript AJAX加载程序动画未显示

我有一个AJAX脚本，它应该在执行后触发加载图像，然后在从web服务获得结果后将其隐藏，不管图像现在如何显示

我的代码如下：

    <script type="text/javascript">
        function get_Code_Results() {
            document.getElementById("loader").innerHTML = "<img src=\'loading.gif\' />";
            var url = document.location;
            if (window.XMLHttpRequest) req = new XMLHttpRequest();
            else if (window.ActiveXObject) req = new ActiveXObject("Microsoft.XMLHTTP");
            req.onreadystatechange = processRequest;
    //      req.open("GET", url, true);
    //      req.send(null);
            req.open("POST",url,true);
            req.setRequestHeader("Content-type","application/x-www-form-urlencoded");
            req.send("isbns="+document.getElementById("Code").value);
            function processRequest() {
        if (req.readyState == 4 && document.getElementById("1").checked == true) {
            document.getElementById("results").value = "myfirsturl.com" + req.responseText;
        }
        else if (req.readyState == 4 && document.getElementById("2").checked == true) {
            document.getElementById("results").value = "myurl.com" + req.responseText;
        }           
    }
}
    </script>

函数get_Code_Results（）{
document.getElementById（“加载器”）.innerHTML=“”；
var url=document.location；
if（window.XMLHttpRequest）req=new XMLHttpRequest（）；
如果（window.ActiveXObject）req=newactivexobject（“Microsoft.XMLHTTP”）；
req.onreadystatechange=processRequest；
//请求打开（“获取”，url，true）；
//请求发送（空）；
请求打开（“POST”，url，true）；
请求setRequestHeader（“内容类型”、“应用程序/x-www-form-urlencoded”）；
请求发送（“isbns=“+document.getElementById（“Code”）.value）；
函数processRequest（）{
if（req.readyState==4&&document.getElementById（“1”）.checked==true）{
document.getElementById（“结果”）.value=“myfirsturl.com”+req.responseText；
}
else if（req.readyState==4&&document.getElementById（“2”）.checked==true）{
document.getElementById（“结果”）.value=“myurl.com”+req.responseText；
}           
}
}

我有一个位置，我想让加载器显示：

    <div id="loader"><img src="loading.gif" style="display:none;" /></div>

我的代码中哪里有错误？一些建议将不胜感激

  <div id="loader"><img src="loading.gif" style="display:none;" /></div>

然后在需要时：

$('#loader').show(); // To show the laoding icon
$('#loader').hide(); // To hide it

---

您的函数是嵌套的。我猜你会假装写一些东西，比如：

function get_ISBN_Results() {
            document.getElementById("loader").innerHTML = "<img src=\'loading.gif\' />";
            var url = document.location;
            if (window.XMLHttpRequest) req = new XMLHttpRequest();
            else if (window.ActiveXObject) req = new ActiveXObject("Microsoft.XMLHTTP");
            req.onreadystatechange = processRequest;
    //      req.open("GET", url, true);
    //      req.send(null);
            req.open("POST",url,true);
            req.setRequestHeader("Content-type","application/x-www-form-urlencoded");
            req.send("isbns="+document.getElementById("isbns").value);
}
function processRequest() {
        if (req.readyState == 4 && document.getElementById("book").checked == true) {
            document.getElementById("results").value = "myfirsturl.com" + req.responseText;
        }
        else if (req.readyState == 4 && document.getElementById("magazine").checked == true) {
            document.getElementById("results").value = "myurl.com" + req.responseText;
        }           
 }

函数get_ISBN_Results（）{ document.getElementById（“加载器”）.innerHTML=“”； var url=document.location； if（window.XMLHttpRequest）req=new XMLHttpRequest（）； 如果（window.ActiveXObject）req=newactivexobject（“Microsoft.XMLHTTP”）； req.onreadystatechange=processRequest； //请求打开（“获取”，url，true）； //请求发送（空）； 请求打开（“POST”，url，true）； 请求setRequestHeader（“内容类型”、“应用程序/x-www-form-urlencoded”）； 请求发送（“isbns=“+document.getElementById”（“isbns”）.value）； } 函数processRequest（）{ if（req.readyState==4&&document.getElementById（“book”）.checked==true）{ document.getElementById（“结果”）.value=“myfirsturl.com”+req.responseText； } else if（req.readyState==4&&document.getElementById（“杂志”）.checked==true）{ document.getElementById（“结果”）.value=“myurl.com”+req.responseText； } }

---

$（“#加载程序”）.show（）

当用户单击并启动请求时以及请求完成后：

$（“#加载程序”）.hide（）经过一些尝试，我终于让它工作了，谢谢你Cosmin！
function get_ISBN_Results() {
            document.getElementById("loader").innerHTML = "<img src=\'loading.gif\' />";
            var url = document.location;
            if (window.XMLHttpRequest) req = new XMLHttpRequest();
            else if (window.ActiveXObject) req = new ActiveXObject("Microsoft.XMLHTTP");
            req.onreadystatechange = processRequest;
    //      req.open("GET", url, true);
    //      req.send(null);
            req.open("POST",url,true);
            req.setRequestHeader("Content-type","application/x-www-form-urlencoded");
            req.send("isbns="+document.getElementById("isbns").value);
}
function processRequest() {
        if (req.readyState == 4 && document.getElementById("book").checked == true) {
            document.getElementById("results").value = "myfirsturl.com" + req.responseText;
        }
        else if (req.readyState == 4 && document.getElementById("magazine").checked == true) {
            document.getElementById("results").value = "myurl.com" + req.responseText;
        }           
 }