bootstrap 多Tab 结合dataTbale ajax请求php ，刷新保持不变

想实现bootstap Tab+dataTable+ajax+php+，在ajax请求后，刷新页面后tab保持不变的简单方法。

贴图说明

参考html代码：

Home

Profile

Messages

Settings





home

profile

messages

settings

资源请自行下载。最重要的是href属性。
参考dataTable初始化：注意是return 的href='#zd-group'

---

 tableObjg = $('#group_list_table').dataTable({
            destroy: true,
            "language": {
                "url": "http://xxx/js/datatable-zh.js"
            },
            "ajax": {
                "url": "/field/groupListHandle",
                "type": "POST"
            },
            "columns": [
                {"data": "group_name"},
                {
                    "orderable": false,
                    "name": "id",
                    "data": "id",
                    "render": function (data) {
                        return '  编辑 删除分组';
                    }
                },
            ]
        });