<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>