jQuery操作解析JSON

页面部分

<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script>
<script type="text/javascript" src="Scripts/MicrosoftAjax.debug.js"></script>

    <script type="text/javascript">
        $(document).ready(function () {
            $('#btn').click(function () {
                Sys.Net.WebServiceProxy.invoke(
                    'default.aspx',           //service path
                    'getstring',              //method name
                    false,                    //是否使用get
                    false,                    //parameter
                    function (result) {       //成功时的回调函数
                        var json = $.parseJSON(result);
                        alert(json.item.name);
                        $.each(json.childitems, function (index, item) {
                            alert(item.name + ';' + item.sex + ';' + item.birthday);
                        });
                    }
                );
                return false;
            });
        });
    </script>

 

后台部分

        [WebMethod()]
        public static string getstring()
        {
            string returnstring = @"{
                ""item"":{""name"":""zs"",""sex"":""1"",""birthday"":""2010-06-06""},
                ""childitems"":[
                    {""name"":""zs1"",""sex"":""1"",""birthday"":""2010-06-01""},
                    {""name"":""zs2"",""sex"":""2"",""birthday"":""2010-06-02""},
                    {""name"":""zs3"",""sex"":""3"",""birthday"":""2010-06-03""}
                ]
            }";

            return returnstring;
        }