html页面解析json，显示到table

[黑色天空]

"{\"taskList\":[
{\"name\":\"陈国新\",\"taskName\":\"1.2G光站产品设计任务书\",\"actStatus\":\"懒惰\",\"preStatus\":\"正常进\",\"planStartTime\":\"20170613\",\"updTime\":\"20170621\",\"proName\":\"1.2G光站、光发\",\"proTeam\":\"HFC组\",\"planEndTime\":\"20170619\",\"taskNo\":\"HFC-2017016-010\"},
{\"name\":\"邓小峰\",\"taskName\":\"现有软件框架部分命令行优化\",\"actStatus\":\"懒惰\",\"preStatus\":\"正常进\",\"planStartTime\":\"20170601\",\"updTime\":\"20170623\",\"proName\":\"自研OLT项目-野外型-4GE\",\"proTeam\":\"EPON组\",\"planEndTime\":\"20170630\",\"taskNo\":\"PON-2017702-050\"}
]}"
这样的json怎么显示到table中
求例子

[xdashewan]

参考http://blog.csdn.net/c5153000/article/details/25965487

[by_封爱]

循环拼字符串被...

[闭包客]

json 在 javascript 里面，既是数据，又是代码，只要调用 eval 函数就可以执行它。

[hailong20062008]

如果是后台代码绑定table， json字符串要解析后，在创建table一样的表结构，加入数据，在绑定。 如果异步返回页面， 要简单点。循环data,在循环中编辑字符串拼接一行数据 string htmlStr=""; for() { htmlStr+="<tr>" htmlStr+="<td>"+eval(data)[i].name+"</td>" ......//tr td样式属性都加上 htmlStr+="<tr>" } $("#tableID").innerHtml=htmlStr;

[华丽丽的小低调]

var str="{\"taskList\":[
               {\"name\":\"陈国新\",\"taskName\":\"1.2G光站产品设计任务书\",\"actStatus\":\"懒惰\",\"preStatus\":\"正常进\",\"planStartTime\":\"20170613\",\"updTime\":\"20170621\",\"proName\":\"1.2G光站、光发\",\"proTeam\":\"HFC组\",\"planEndTime\":\"20170619\",\"taskNo\":\"HFC-2017016-010\"},
              {\"name\":\"邓小峰\",\"taskName\":\"现有软件框架部分命令行优化\",\"actStatus\":\"懒惰\",\"preStatus\":\"正常进\",\"planStartTime\":\"20170601\",\"updTime\":\"20170623\",\"proName\":\"自研OLT项目-野外型-4GE\",\"proTeam\":\"EPON组\",\"planEndTime\":\"20170630\",\"taskNo\":\"PON-2017702-050\"}
         ]}"

var json = eval('(' + str + ')'); 
var html="<table>"
$.each(json,function(index,item){
//===============画table
html +="<tr><td>"+item.name+"</td></tr>"
});
html +="</table>"

$("#yourdiv").html(html);