jquery - AJAX 运行时更改光标

Question

我有一个字段和一个使用 AJAX 执行搜索的按钮。我希望在搜索运行时光标变为“progress”，然后在搜索完成时返回“default”。

function getFromFile(pFilePath, pFileName, pParseType) {
    var vCompletePath = pFilePath + pFileName;

    $.ajax({
        beforeSend: function(){$("body").css("cursor","progress");},
        type: "GET",
        url: vCompletePath,
        dataType: pParseType,
        async: false,
        success: function(data) {
            console.log("Data retrieval was successful!");
            aReturnedContent = data;
        },
        error: function() {
            console.log("Data retrieval was unsuccessful!");
        },
        complete: function(){$("body").css("cursor","default");}
    });
}

我尝试了一些方法(包括 beforeSend 和 complete 设置)，但没有任何效果。有什么想法吗？

谢谢!

Answer 1

你可以像这样设置你的光标(与页面中的加载器相同):

function getFromFile(pFilePath, pFileName, pParseType) {
    var vCompletePath = pFilePath + pFileName;

    $("body").style.cursor = "progress";
    $.ajax({
        type: "GET",
        url: vCompletePath,
        dataType: pParseType,
        async: false,
        success: function(data) {
            console.log("Data retrieval was successful!");
            aReturnedContent = data;
            $("body").style.cursor = "default";
        },
        error: function() {
            console.log("Data retrieval was unsuccessful!");
            $("body").style.cursor = "default";
        }
    });
}

如果在 jQuery 中不起作用:

function getFromFile(pFilePath, pFileName, pParseType) {
    var vCompletePath = pFilePath + pFileName;

    document.body.style.cursor = "progress";
    $.ajax({
        type: "GET",
        url: vCompletePath,
        dataType: pParseType,
        async: false,
        success: function(data) {
            console.log("Data retrieval was successful!");
            aReturnedContent = data;
            document.body.style.cursor = "default";
        },
        error: function() {
            console.log("Data retrieval was unsuccessful!");
            document.body.style.cursor = "default";
        }
    });
}