javascript - Jquery - 加载动画问题

Question

我正在尝试在进行 AJAX 调用后显示加载图像。

目前我有以下 Javascript 代码:

window.onload = function(){

var img = document.createElement("IMG");
img.src = "/image/FhHRx.gif";

function getCategories(){
    $.ajax({
        url: //url here,
        dataType:'jsonp',           
        success: function(data){

            //code here

        },
        statusCode: {
            404: function() {
                alert:('There was a problem with the server');
            }
        }

    }); 
}



$(document).ajaxStart(function(){   
    alert('here');
    var div = document.createElement("div");
    div.id = "id1";
    document.getElementById('id1').appendChild(img);
    document.body.appendChild(div);

}).ajaxStop(function(){
    var element = document.getElementById('id1');
    element.parentNode.removeChild(element);

});

但是，我发现代码甚至没有到达 ajaxStart 函数，因为警报没有出现...我尝试过其他方法(例如: How to show loading spinner in jQuery? )来尝试使其正常工作，但还没有成功到目前为止已经成功...

有人可以帮忙解决这个问题吗？

谢谢。

Answer 1

您很可能会收到意外 token 的错误，因为您错误地声明了函数。

Uncaught SyntaxError: Unexpected token { 

您需要使用以下任一方式声明函数:

function getCategories () { }

或者:

var getCategories = function () { };