Jquery解析json数据详解

2020-05-19 07:33:03易采站长站整理


第三步 创建aspx页面


前台页面:两个button,一个单击开始解析json数据,另外一个查看json字符串

<head runat=”server”>
    <title></title>
    <script language=”javascript” type=”text/javascript” src=”Scripts/jquery-1.4.1.min.js”></script>
    <script language=”javascript” type=”text/javascript”>
        $(function () {
            $(“#btn”).click(function () {
                $.getJSON(“GetJsonDemo.aspx”, { Action: “action” },
                 function (data) {
                     var txt = “”;
                     $.each(data, function (k, v) { $.each(v, function (m, n) { txt += “id :”+n.id + “;name :” + n.name + “;sex :”+n.sex+”<br/>” }); });
                     $(“#txt”).html(txt);
                 });


            });
         });


         $(function () {
             $(“#btn2”).click(function () {
                 $.get(“GetJsonDemo.aspx”, { Action: “action” },
                 function (data) { $(“#txt2”).text(data); });
             });


         });
    </script>
</head>
<body>
    <form id=”form1″ runat=”server”>
    <div>
        <input id=”btn” type=”button” value=”paser json” /><br />
        <input id=”btn2″ type=”button” value=”watch json string” /><br />
        <label id=”txt”></label><br />