1.解析简单数据
@{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>Index4</title> <script src="~/Scripts/jquery-1.8.2.min.js"></script> <style type="text/css"> body { font-size: 13px; } .iframe { width: 260px; border: solid 1px #666; } .iframe .title { padding: 5px; background-color: #eee; } .iframe .content { padding: 8px; font-size: 12px; } .btn { border: #666 1px solid; padding: 2px; width: 80px; } </style> <script type="text/javascript"> var objInfo = { 'name': '张三', 'sex ': '男', 'email': 'hahada@126.com' } $(function () { $("#Button1").click(function () { var strHtml = ""; strHtml += "姓名:" + objInfo.name + "<br/>"; strHtml += "性别:" + objInfo.sex + "<br/>"; strHtml += "邮箱:" + objInfo.email + "<br/>"; $("#Tip").html(strHtml); }); }); </script> </head> <body> <div class="iframe"> <div class="title"> <input id="Button1" type="button" clss="btn" value="获取数据" /> </div> <div class="content"> <div id="Tip"></div> </div> </div> </body> </html>
2.jQ遍历json 数据
@{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>jQ遍历json数据</title> <script src="~/Scripts/jquery-1.8.2.min.js"></script> <style type="text/css"> body { font-size: 13px; } body { font-size: 13px; } .iframe { width: 260px; border: solid 1px #666; } .iframe .title { padding: 5px; background-color: #eee; } .iframe .content { padding: 8px; font-size: 12px; } .btn { border: #666 1px solid; padding: 2px; width: 80px; } </style> <script type="text/javascript"> var objData = { member: [ { grade: "一年级", students: { name: ["张三", "李思", "王五"] } }, { grade: "二年级", students: { name: ["蝴蝶结款", "但是", "给答复五"] } }, { grade: "三年级", students: { name: ["张数据库", "东方闪电", "放不开"] } } ] }; function add_Grade() { var objmember = objData.member; var strHtml_0 = ""; $.each(objmember, function (index) { strHtml_0 += '<a href="javascript:"onclick="link_click(' + index + ')">' + objmember[index].grade + "</a>  " }); $(".title").html("年级优秀学生:" + strHtml_0); }; function link_click(i) { var objStudent = objData.member[i].students.name; var strHtml_1 = ""; $.each(objStudent, function (index) { strHtml_1 += " " + objStudent[index] + " "; }); $("#Tip").html(strHtml_1); } $(function () { add_Grade(); link_click(0); }); </script> </head> <body> <div class="iframe"> <div class="title"></div> <div class="content"> <div id="Tip"></div> </div> </div> </body> </html>
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。