jQuery 解析後台返回 JSON 嵌套數組完整示例

前端處理流程

1. AJAX 設置 dataType: 'json'，jQuery 自動將響應反序列化為 JS 對象。
2. 瀏覽器直接訪問接口 URL，觀察返回 JSON 結構，確認字段名。
3. 遍歷渲染：

$.getJSON(url, function(data) {
    $.each(data, function(i, a) {
        console.log('A:', a.name);
        $.each(a.bList, function(j, b) {
            console.log('  B:', b.title);
            $.each(b.cList, function(k, c) {
                console.log('    C:', c.value);
            });
        });
    });
});

關鍵點

• 後台需確保序列化庫（Jackson/Gson）正確處理嵌套集合，避免循環引用（@JsonIgnore 或 DTO 扁平化）。
• 前端按實際字段名訪問，大小寫敏感。