开发者社区> 问答> 正文

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>

展开
收起
杨冬芳 2016-07-05 18:13:55 2186 0
1 条回答
写回答
取消 提交回答
  • IT从业

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

    2019-07-17 19:51:46
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
《零基础HTML入门教程》 立即下载
天猫 HTML5 互动技术实践 立即下载
天猫HTML5互动技术实践 立即下载