JSON的使用

技术分享
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="../Scripts/jquery-1.10.2.js"></script>
    <script type="text/javascript">


        function ConvertToJSON() {
            var str = { "name": "song", "occupation": "character" };
            var obj = $.parseJSON(str);
            alert(obj.name);
            alert(obj.occupation);
        }

        function JSONToString() {
            var str = { "name": "song", "occupation": "character" };
            var jsonstring = JSON.stringify(str);
            alert(jsonstring);
        }


        function JSONData() {
            //定义一个JSON对象
            var user = {

                "username": "andy",
                "age": 20,
                "info": { "tel": "123456", "cellphone": "98765" },
                "address":
                           [
                                { "city": "beijing", "postcode": "222333" },
                                { "city": "newyork", "postcode": "555666" }
                           ]
            }
            //获取JSON对象数据
            alert("Name: " + user.username);
            alert("age:" + user.age);
            alert("Info Object:" + user.info.tel + "---" + user.info.cellphone);
            alert(user.address[0].city + "----" + user.address[0].postcode);
            alert(user.address[1].city + "----" + user.address[1].postcode);
        }

    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <input id="Button1" type="button" value="Show JSON Data" onclick="JSONData();" /><br />
            <input id="Button2" type="button" value="Convert String to JSON" onclick="ConvertToJSON();" />
            <input id="Button3" type="button" value="Convert JSON to String" onclick="JSONToString();" />
        </div>
    </form>
</body>
</html>
View Code

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。