首页 > 代码库 > json

json

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>