码迷,mamicode.com
首页 > Web开发 > 详细

JSON的使用

时间:2015-03-18 17:51:12      阅读:113      评论:0      收藏:0      [点我收藏+]

标签:

技术分享
<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

 

JSON的使用

标签:

原文地址:http://www.cnblogs.com/songxia/p/4347693.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!