jquery - 将字符串数组从 MVC 返回到 jQuery ASP.NET

Question

我想通过 jQuery AJAX 调用从 MVC 函数返回字符串数组。

我的客户端代码是:

function get_categories() {
    var url = "/Profile/GetCharacters";
    $.post(url, function (data) {
    alert(data);
});

但是我无法读取数组元素。在 alert(data) 中，它总是显示 system.array[] 在 alert(data[0]) 中，它显示的是 s (即 system.array[] 中的第一个字符)，而不是数组元素。

这是我的服务器端代码的简化版本..因为原始代码太复杂了:)

public Array GetCharacters()
    {

        var ret = new string[10];
        ret[0]="abc";
        ret[1] = "def";
        ret[2] = "ghi";
        return (ret);
    }

但这会给出“System.string[]”，并且在访问单个值时出现同样的问题

Answer 1

您可以返回 JSON。

例如，您可以向以下 Controller 操作发出 Ajax 请求:

public JsonResult GetMyData()
{
    SomeClass s = new SomeClass();
    s.Property1 = "value";
    s.Property2 = "another value";

    return Json(s, JsonRequestBehavior.AllowGet); //you will need the AllowGet option to return data to a GET request
}

然后，您的 JavaScript 可以向 Controller 发出 Ajax 请求(使用 jQuery 的 Ajax 函数):

var onSuccess = function (data) {
    //data will be your s object, in JSON format
};

$.ajax({
    type: 'GET',
    url: '/ControllerName/GetMyData/',
    success: function (data) { onSuccess(data); }
});

编辑:返回数组或列表时，您需要向 Ajax 调用添加传统:true 选项，如下所示:

var onSuccess = function (data) {
    //data will be your s object, in JSON format
};

$.ajax({
    type: 'GET',
    url: '/ControllerName/GetMyData/',
    success: function (data) { onSuccess(data); },
    traditional: true
});

我不是 100% 确定原因(我确信有人会告诉我们)，但这在过去让我感到不舒服。

再编辑:您可能需要解析 JSON，这应该为您创建一个实际的 javascript 数组对象:

var onSuccess = function (data) {
    //data will be your s object, in JSON format
    var arr = JSON.parse(data);
};