解析JSON数据并构建关联数组

在现代 Web 开发中，经常需要从前端向后端发送请求以获取数据。本文将展示如何利用 jQuery 的 $.ajax 方法从服务器请求 JSON 数据，并将其解析为易于操作的 Javascript 数组。

首先，我们需要定义一个 AJAX 请求来获取 JSON 数据：

$.ajax({
    method: 'GET', // 请求类型
    url: '/cms/content/insurerGroup?nocache=1', // JSON 文件的请求路径
    dataType: 'json', // 指定响应的数据类型为 JSON
    success: function(response) {
        let companies = []; // 存储公司信息的数组
        let products = []; // 存储产品信息的数组

        response.detail.forEach(detailItem => {
            detailItem.companyProducts.forEach(companyProduct => {
                // 构建公司对象
                const company = {
                    id: companyProduct.id,
                    name: companyProduct.companyName
                };
                companies.push(company);

                // 遍历每个公司的产品列表
                companyProduct.insProducts.forEach(insProduct => {
                    insProduct.products.forEach(product => {
                        // 构建产品对象
                        const prod = {
                            id: product.id,
                            name: product.productName
                        };
                        products.push(prod);
                    });
                });
            });
        });

        // 添加点击事件处理程序，用于调试或进一步处理
        $('img.search').click(function() {
            console.log('Companies:', companies);
            console.log('Products:', products);
        });
    },
    error: function(error) {
        console.error('Error fetching data:', error);
    }
});

以上代码展示了如何通过 AJAX 请求获取 JSON 数据，并将其转换为两个数组：一个包含公司信息，另一个包含产品信息。通过这种方式，可以方便地在前端应用中管理和显示这些数据。