如何在jQuery Ajax的success函数中分别处理两个列表？

我现在需要在jQuery Ajax的success函数里处理两个列表。下面的代码能正常处理单个列表，但没法处理两个列表，请问该怎么在success函数里分别处理这两个列表呢？

我的jQuery Ajax代码：

success: function(data) {
    $.each(data, function() {
        $.each(this, function(k, v) {
            //do something with v
        });
    });
}

对应的Django views.py代码：

lst1 = [1, 2, 3, 4, 5]
lst2 = ['a', 'b', 'c', 'd', 'e']
context = { "labels" : lst1, "sk_labels": lst2 }
return HttpResponse(json.dumps(context), content_type='application/json')

嘿，这个问题很好解决！你后端返回的是一个JSON对象（包含labels和sk_labels两个键），不是单纯的数组，所以你完全可以直接通过键名精准访问每个列表，再分别处理，不用依赖嵌套的$.each。

方法一：精准处理每个列表（推荐） #

直接通过data.labels和data.sk_labels拿到对应的列表，然后各自遍历处理，这样你能明确区分哪个是哪个列表，逻辑更清晰：

success: function(data) {
    // 处理labels列表（对应后端的lst1）
    $.each(data.labels, function(index, value) {
        // 这里写你对labels项的处理逻辑，比如打印或者插入DOM
        console.log('labels列表项:', value);
    });

    // 处理sk_labels列表（对应后端的lst2）
    $.each(data.sk_labels, function(index, value) {
        // 这里写sk_labels项的处理逻辑
        console.log('sk_labels列表项:', value);
    });
}

方法二：动态处理所有列表（扩展场景） #

如果你以后可能会返回更多列表，想要通用处理所有键对应的列表，可以遍历这个JSON对象的键值对，动态处理每个列表：

success: function(data) {
    // 遍历对象的每个键（labels、sk_labels）
    $.each(data, function(listName, listItems) {
        console.log('正在处理列表:', listName);
        // 遍历当前列表的每一项
        $.each(listItems, function(index, value) {
            console.log(`${listName}的项:`, value);
        });
    });
}

为什么之前的代码不适用？ #

你之前的嵌套$.each其实也能遍历到所有列表项，但问题是你没法区分当前处理的是labels还是sk_labels的项。直接通过键名访问就能精准控制每个列表的处理逻辑啦～

内容的提问来源于stack exchange，提问作者arush1836