jQuery 获取数据并生成 HTML 页面解析

这是一段使用 jQuery 库的 JavaScript 代码，它向服务器请求数据，并将返回的数据生成 HTML 页面。

具体来说，代码首先调用名为 'getData' 的函数，传递一个包含 'action', 'token' 和 'id' 属性的对象作为参数。这些参数会被用于服务器端的处理。

在获取到服务器返回的数据后，代码会将数据进行处理。如果数据中包含 'pro_name' 属性，则会将其拆分成多个项目名称，并将每个项目名称的类型和名称分别存储在 'info' 数组中。

最后，代码使用名为 'detail' 的模板将处理后的数据生成 HTML 代码，并将其插入到页面中的 'tbody' 元素中。

以下是代码的详细解析：

$(function() {
    getData('consumer.php', {
        action: 'info',
        token: token,
        id: userid
    }, function(r) {
        r.data.info = [];
        if (r.data.pro_name) {
            var namearr = r.data.pro_name.split('、');
            $.each(namearr, function(n, val) {
                if (val) {
                    r.data.info.push({
                        'name': val.split('-')[1],
                        'type': val.split('-')[0]
                    })
                }
            })
        }
        var html = template('detail', r);
        $('tbody').html(html);
    })
});

代码功能总结：

使用 jQuery 发送 AJAX 请求获取数据；
处理返回数据，将 'pro_name' 属性拆分成项目名称和类型；
使用模板引擎将处理后的数据渲染成 HTML 代码；
将生成的 HTML 代码插入到页面中的 'tbody' 元素中。