CSDNRGY
2015-09-08 04:56
采纳率: 99.3%
浏览 1.6k

JQuery中遍历JSon并幅值给HTML,除了我贴的这种方式还有别的方式吗?

感觉这种方式很不好修改啊,万一改代码就会很难受

 <script>
    function initJsonFileList(){
        //从json解析文件列表.
        var docinfos = '[{"name":"2.jpg","storename":"1439444506913.jpg","store":"1439444506913.jpg","type":"0","operatorId":"1","operatorName":"%25E5%25BC%25A0%25E4%25B8%2589","updateFlag":0,"delFlag":"0","isNewRecord":false}]';//这一句是我现改的,你看下对不对
        if(typeof(docinfos)!="undefined" && docinfos!=null && docinfos!=""){
            var arr=JSON.parse(docinfos);
            var html="";
            $.each(arr,function(k,m){
                        var names = decodeURI(decodeURI(m.name));
                            html+=
                            "<tr>"+
                                "<td>"+
                                    "<span>"+names+"</span>"+
                                    "<span>"+m.storename+"</span>"+
                                    "<span>"+m.store+"</span>"+
                                    "<span>"+m.operatorId+"</span>"+
                                    "<span>"+m.operatorName+"</span>"+
                                    "<span>"+m.updateFlag+"</span>"+
                                    "<span>"+m.delFlag+"</span>"+
                                    "<span>"+m.isNewRecord+"</span>"+
                                "</td>"+
                                "<td>"+
                                    "<input type='button' onclick=\"if(confirm('是否确认删除?')){ $(this).parent().parent().remove();reReadJson();}\" value='删除' />"+
                                "</td>"+
                            "</tr>";
            })
            $("#fileuploadstables").append(html);

        }
        //END解析文件列表.
    }
</script>
  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

1条回答 默认 最新

  • 已采纳

    可以用第三方的插件,如jqGrid,easyui的datagrid,只需要配置好columns对应你的json数据,会自动帮你生成表格数据行。不过底层的实现和你这个代码差不多

    点赞 打赏 评论

相关推荐 更多相似问题