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

Question

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

 <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>

Answer 1

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