时间戳

首页 > 解决方案 > 在 AJAX 运行时更改光标

jquery - 在 AJAX 运行时更改光标

问题描述

我有一个使用 AJAX 执行搜索的字段和一个按钮。我希望光标在搜索运行时更改为“进度”，然后在搜索完成后返回“默认”。

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 设置），但没有任何效果。有什么想法吗？

谢谢！

标签： jquerycssajax

解决方案

您可以像这样设置光标（在页面中的加载器处相同）：

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";
        }
    });
}

推荐阅读