jquery把不定长的json对象键值对字符串在页面上经过转换输出

转换输出前的json对象：

这是从数据库中读取的以json对象存取的字符串。想实现每行以键值对形式的输出，输出结果每行大致是这个样子：

操作类型：登录

用户名：admin

这个操作内容的MVC代码：

<td class="operation">
     @Html.DisplayFor(modelItem => item.Operation )
</td>

无疑是循环输出的。为了把输出内容转换，需要用jquery的each循环。代码如下：

 $(function () {
            $(".operation").each(function (index) {
                var self = $(this);
                //console.info($(this).text());
                var obj = eval("(" + self.text() + ")");
                var str = "";
                $.each(obj, function (index, item) {
                    str+=index+"："+item+"<br/>";
                });
                self.html(str);
            });
        });

首先循环读取每行的json字符串：

 $(".operation").each(function (index) 

然后把读取的json字符串转换为对象：

var obj = eval("(" + self.text() + ")");

利用$.each循环读取json字符串转换的对象obj，取出对应的键值对然后组合成字符串，并且用<br/>分行。

最后用self.html(str)替换原来的json字符串进行输出。输出的样式是下面的样子：