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