CSDNRGY 2015-08-13 04:34 采纳率: 88.2%
浏览 2408
已采纳

jQuery如何遍历Json,并且将Json中的值注入到页面中?

jQuery如何遍历Json,并且将Json中的值注入到页面中?
jQuery如何遍历Json,并且将Json中的值注入到页面中?

  • 写回答

2条回答 默认 最新

  • JPF1024 2015-08-13 05:35
    关注

    我发你一个,大概就是这个样子,不是注入页面,而是在jQuery中将json数据拼装好,然后加载到页面中就可以了

    。。

    
    //
    
     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 name='newaddmess'><td><span class='name'>"+names+"</span>"+
                            "<span class='storename hiddenspan'>"+m.storename+"</span>"+
                            "<span class='store hiddenspan'>"+m.store+"</span>"+
                            "<span class='operatorId hiddenspan'>"+m.operatorId+"</span>"+
                            "<span class='operatorName hiddenspan'>"+m.operatorName+"</span>"+
                            "<span class='updateFlag hiddenspan'>"+m.updateFlag+"</span>"+
                            "<span class='delFlag hiddenspan'>"+m.delFlag+"</span>"+
                            "<span class='isNewRecord hiddenspan'>"+m.isNewRecord+"</span></td><td><input type='button' onclick=\"if(confirm('是否确认删除?')){ $(this).parent().parent().remove();reReadJson();}\" class='btn btn-default btn-sm uploaddeletes' value='删除' /></td></tr>";
            })
            $("#fileuploadstables").append(html);
    
        }
        //END解析文件列表.
    }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 javaweb项目无法正常跳转
  • ¥15 VMBox虚拟机无法访问
  • ¥15 skd显示找不到头文件
  • ¥15 机器视觉中图片中长度与真实长度的关系
  • ¥15 fastreport table 怎么只让每页的最下面和最顶部有横线
  • ¥15 R语言卸载之后无法重装,显示电脑存在下载某些较大二进制文件行为,怎么办
  • ¥15 java 的protected权限 ,问题在注释里
  • ¥15 这个是哪里有问题啊?
  • ¥15 关于#vue.js#的问题:修改用户信息功能图片无法回显,数据库中只存了一张图片(相关搜索:字符串)
  • ¥15 texstudio的问题,