PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > 开发编程 > Jquery教程 > 正文

    jQuery遍历JSON对象

    作者:admin来源:B5教程网浏览:时间:2020-09-30 00:07:50我要评论
    导读:var obj = eval(data); var st="";$(obj).each(function(index) { var val = obj[index]; alert(val.id); st+=&#3...
    var obj = eval(data); 
            var st="";
            $(obj).each(function(index) { 
                var val = obj[index]; 
                alert(val.id);
                st+='<li><a  href="/plus/view.php?aid='+val.id+'" target="_blank">'+val.title+'</a></li>';
             }); 
    $("ul#"+e).html(st);
    其中data为json字符串,格式为[{“title”:“啊啊啊”,"id":123}]


     

    供以后用,直接看代码:

    <script type="text/javascript"> 

        $(document).ready(function() { 

            $("#Link").click(function() { 

            var objson = "[{Title:'Sjr',Content:'Library',summary:'summary'},{Title:'Sjr',Content:'Library',summary:[{sum0:'sum0'},{sum0:'sum1'},{sum0:'sum2'}]},{Title:'Sjr',Content:'Library',summary:[{sum0:'sum0'},{sum0:'sum1'},{sum0:'sum2'}]}]"; 

                var obj = eval(objson); 

                $(obj).each(function(index) { 

                    var val = obj[index]; 

                    if (typeof (val.summary) == "object") { 

                        $(val.summary).each(function(ind) { 

                            alert(val.Title + " " + val.Content + " " + val.summary[ind].sum0); 

                        }); 

                    } else { 

                        alert(val.Title + " " + val.Content + " " + val.summary); 

                    } 

                }); 

            }); 

        }); 

    </script>   

    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-47-460-1.html
    相关热词搜索: jQuery 遍历 JSON