从Ajax方法返回字符串结果

我有一个DoughnutChart图表，我想更改其部分颜色保存在数据库中的颜色hexa代码我使用此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 }); 

但是我没有收到字符串，而是在控制台窗口中收到了对象{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); }) 

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

Answer 2

解决方案

首先，我要感谢Mateus Koppe的努力，通过他的解决方案，我找到了解决问题的方法。我所做的只是我在Ajax方法中从传入的成功结果中收到了ResponseText，然后我通过了它是一个回调函数，处理结果如下：

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

然后我使用getColorArrayModified来遍历我的类别列表并填充它自己的颜色。

  getColorArrayModified: function getColorArrayModified(categories) { var colors = []; for (var i = 0; i < categories.length; i++) { this.getcolors(categories[i], function (output) { colors.push(output); }); } return colors; } 

谢谢你们:)。