javascript - 从 Ajax 方法返回字符串结果

Question

我有一个 DoughnutChart 图表，我想根据保存在数据库中的六色代码更改其部分的颜色我使用此 Ajax 方法通过调用返回 JSON 结果的操作方法来获取颜色字符串，

    getcolors: function getcolors(name) {
    return $.ajax({
        url: "/api/ideas/getcolors",
        data: { name: name },
        type: "GET",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (data, textStatus, jqXHR) {
           // return  data;
        },
        error: function (data) {
          // return  "Failed";
        },
        async: true
    });

但是我没有收到字符串，而是在控制台窗口中收到了 Object {readyState: 1}

但是，我可以找到存储在 ResponseText 元素中的颜色值。我需要您的帮助，了解如何获取字符串形式的颜色值。

编辑:

为了使事情更清楚，这是我想调用 ajax 方法来接收颜色字符串的地方，然后我将能够插入图表颜色数组。

getColorArray: function getColorArray(categories) {
        var colors = [];
        for (var i = 0; i < categories.length; i++) {
            console.log(this.getcolors("Risk"));
            //colors.push(this.getcolors(categories[i]));
        }

        return colors;
    }

Answer 1

为什么你的代码是这样的？

success: function (data, textStatus, jqXHR) { 
   // return  data;
},

你用过吗？

success: function (data, textStatus, jqXHR) {
   console.log(data);
}

好的，我知道了。当您使用 ajax 请求时，您将使用异步数据，为此您需要在您的方法中返回一个 promise 。请尝试使用下面的代码。

getcolors: function getcolors(name) {
    return $.ajax({
       url: "/api/ideas/getcolors",
       data: { name: name },
       type: "GET",
       contentType: "application/json; charset=utf-8",
       dataType: "json",
    });
}

要使用您的函数，请使用此代码:

getcolors("name").done(function(result){
    console.log(result);
});

或者你可以使用回调

getcolors: function getcolors(name, success, error) {
    return $.ajax({
       url: "/api/ideas/getcolors",
       data: { name: name },
       type: "GET",
       contentType: "application/json; charset=utf-8",
       dataType: "json",
       success: function(data){
           success(data);
       },
       error: function(data){
           error(data);
       }
    });
}

... 并与回调一起使用:

getcolors("name", function(data){
    //success function
    console.log(data);
}, function(){
    //Error function
    console.log(data);
})

尝试其中一个选项并告诉结果。