json1
<html> <body> <h2>在 JavaScript 中创建 JSON 对象</h2> <p> Name: <span id="jname"></span><br /> Age: <span id="jage"></span><br /> Address: <span id="jstreet"></span><br /> Phone: <span id="jphone"></span><br /> </p> <script type="text/javascript"> var JSONObject = { "name" : "Bill Gates", "street" : "Fifth Avenue New York 666", "age" : 56, "phone" : "555 1234567" }; document.getElementById("jname").innerHTML = JSONObject.name document.getElementById("jage").innerHTML = JSONObject.age document.getElementById("jstreet").innerHTML = JSONObject.street document.getElementById("jphone").innerHTML = JSONObject.phone </script> </body> </html>
json2
<html> <body> <h2>在 JavaScript 中创建 JSON 对象</h2> <p> Name: <span id="jname"></span><br /> Age: <span id="jage"></span><br /> Sex: <span id="jsex"></span><br /> Address: <span id="jstreet"></span><br /> Phone: <span id="jphone"></span><br /> </p> <script type="text/javascript"> var JSONObject = { "name" : "Bill Gates", "street" : "Fifth Avenue New York 666", "age" : 56, "sex":"男", "phone" : "555 1234567" }; document.getElementById("jname").innerHTML = JSONObject.name document.getElementById("jage").innerHTML = JSONObject.age document.getElementById("jsex").innerHTML = JSONObject.sex document.getElementById("jstreet").innerHTML = JSONObject.street document.getElementById("jphone").innerHTML = JSONObject.phone </script> </body> </html>
json3
<html> <body> <h2>通过 JSON 字符串来创建对象</h2> <p> First Name: <span id="fname"></span> </p> <script type="text/javascript"> var employees = [ { "firstName" : "Bill", "lastName" : "Gates" }, { "firstName" : "George", "lastName" : "Bush" }, { "firstName" : "Thomas", "lastName" : "Carter" } ]; employees[1].firstName = "Chen"; document.getElementById("fname").innerHTML = employees[1].firstName; </script> </body> </html>
json4
<html> <body> <h3>通过 JSON 字符串来创建对象</h3> <p> First Name: <span id="fname"></span><br /> Last Name: <span id="lname"></span><br /> </p> <script type="text/javascript"> var txt = ‘{"employees":[‘ + ‘{"firstName":"Bill","lastName":"Gates" },‘ + ‘{"firstName":"George","lastName":"Bush" },‘ + ‘{"firstName":"Thomas","lastName":"Carter" }]}‘; var obj = eval("(" + txt + ")"); document.getElementById("fname").innerHTML = obj.employees[1].firstName document.getElementById("lname").innerHTML = obj.employees[1].lastName </script> </body> </html>