如何在ajax返回时解析字符串的JSON列表？答案

【问题标题】：How to parse JSON list of string on ajax return?如何在ajax返回时解析字符串的JSON列表？
【发布时间】：2026-01-05 06:05:01
【问题描述】：

我有一个简单的 ajax 调用，它返回一个序列化的字符串列表。这很棒，我可以取回数据。但是，我只是想对列表中的每个项目执行警报。但是，我只是不断地从列表中取回单个字符。例如，如果它返回一个列表，其中包含一个名为“Hello”的项目。它会提醒“H”、“E”、“L”等。有人可以帮我更改它以提醒完整的字符串吗？

收到的回复与上面的文字非常相似。如果 c# 变量 userList 返回一个字符串列表，其中只有“Andrew”。 JQuery 会提醒“A”、“N”、“D”等。如果不清楚，请告诉我。

谢谢

[HttpPost]
        public string GetUserList(string Role) {
            List<string> UserList = new List<string>();
            UserList = Roles.GetUsersInRole(Role).ToList();
            return JsonConvert.SerializeObject(UserList);
        }

jQuery

   $('#allRolesDD').change(function () {
        $.ajax({
            method: "POST",
            url: "./GetUserList",
            data: { Role: $(this).val() }
        })
        .done(function (data) {
            $('.roleDD').empty();
            for (i = 0; i < data.length; i++) {
                alert(data[i]);
            }
            console.log("Passed 4");
        })
        .fail(function () {
            console.log("Failed 4");
        })
    });

【问题讨论】：

登录 data.d 看看会发生什么
dataType:'json' 在 ajax 中添加这个。如果您也可以在问题中发布回复可能会更好。
@Jai 这样做并没有改变任何东西。好的，我会发布回复
“数据”变量返回了什么？
@UnmeshD 整个字符串 ["ANDREW"]

标签： javascript c# jquery json ajax

【解决方案1】：

为什么不返回列表而不是字符串，Web API 会自动将其转换为 json，您可以在请求中将其作为数组读取？
你只需要添加

$('#allRolesDD').change(function () {
    $.ajax({
        method: "POST",
        url: "./GetUserList",
        data: { Role: $(this).val() },
        headers: {
            'Content-Type': 'application/json'
        }
    })
    .done(function (data) {
        $('.roleDD').empty();
        for (i = 0; i < data.length; i++) {
            alert(data[i]);
        }
        console.log("Passed 4");
    })
    .fail(function () {
        console.log("Failed 4");
    })
});

【讨论】：

你有什么链接可以告诉我如何实现这个吗？
@AndrewKilburn 我更新了答案，我认为这应该可以完成工作。
然后我得到一个内部服务器错误，指出它找不到 GetUserList 方法。和以前一样奇怪。这是否意味着我必须将返回类型更改为 json 而不是字符串？
@AndrewKilburn 不，您必须将返回类型更改为 List<string>

【解决方案2】：

每个都试试jquery：

 $.ajax({
            method: "POST",
            url: "./GetUserList",
            data: { Role: $(this).val() },
            success:function (data) {
               $.each(data,function(i,v){
                       console.log(v);
               });
            }
        });

【讨论】：

我收到错误：无法使用“in”运算符在 [“ANDREW”] 中搜索“长度”。我以前试过这个，但没有用:(
但是怎么做呢？我正在正确序列化数据。不知道为什么会这样

【解决方案3】：

您可以更改 c# 代码和 jquery，如下所示：

[HttpPost]
    public JsonResult GetUserList(string Role) {
        List<string> UserList = new List<string>();
        UserList = Roles.GetUsersInRole(Role).ToList();
        return Json(UserList, JsonRequestBehavior.AllowGet);
    }

jQuery

  $('#allRolesDD').change(function () {
$.ajax({
    method: "POST",
    url: "./GetUserList",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    data: { Role: $(this).val() }
})
.done(function (data) {
    $('.roleDD').empty();
    for (i = 0; i < data.length; i++) {
        alert(data[i]);
    }
    console.log("Passed 4");
})
.fail(function () {
    console.log("Failed 4");
})
});

【讨论】：

感谢您的坚持。你在这里帮了很多忙。我能问一下返回 Json 序列化字符串与返回 JsonResult 有什么不同吗？
您的返回类型是字符串。因此 Json 序列化返回将转换为字符串并返回给您。所以你得到的只是一个字符串而不是列表。

【解决方案4】：

您需要将dataType: "json" 添加到ajax 调用中，因为它不知道您的响应是json。它假定它是一个字符串。

$("#allRolesDD").change(function () {
    $.ajax({
        method: "POST",
        url: "./GetUserList",
        data: { Role: $(this).val() },
        dataType: "json"                   
    })
    .done(function (data) {
        $('.roleDD').empty();

        $.each(data, function (i, v) {
            alert(v);
        });

        // or you could also iterate using for 
        //for (i = 0; i < data.length; i++) {
        //    alert(data[i]);
        //}

        console.log("Passed");
    })
    .fail(function () {
        console.log("Failed");
    })
});

【讨论】：