js 读取 json

最新推荐文章于 2026-01-08 11:36:55 发布

原创最新推荐文章于 2026-01-08 11:36:55 发布 · 332 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#function #button #json #input #list #xhtml

C# asp.net 专栏收录该内容

113 篇文章

订阅专栏

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Demo1.aspx.cs" Inherits="Demo1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="Scripts/json.js" type="text/javascript"></script>
    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        function showFunction() {
            var str = '{ "xlid": "cxh","sex":"男","age":20 }';
            var obj = eval('(' + str + ')');
            alert(obj.xlid);
            alert(obj.sex);
            var ss = str.parseJSON();
            alert(ss.xlid);
            // JSON.toJSONString(str);
        }
        function showJSONList() {
            var jsonlist = '{ "xlid": "cxh", "xldigitid": 123456, "topscore": 2000, "topplaytime": "2009-08-20" ,"have":[{"car":"red","bike":"black"},{"car":"green","bike":"blue"}]}';
            var obj = eval('(' + jsonlist + ')');
            alert(obj.have[0].bike);
            alert(obj.have[0].car);

var list = '[{"id":1,"name":"lee"},{"id":2,"name":"jin"}]';
var o = eval('(' + list + ')');

            for (var i = 0; i < o.length; i++) {
                alert(o[i].id);
                alert(o[i].name);
            }
            // var ss = str.parseJSON();
            // alert(ss.xlid);
            // JSON.toJSONString(str);
        }

//Jquery读取
        $(function () {
            $("#btnJqueryJson").click(function () {
                                var jqueryStr = "{list: [{id:1,name:'lee'},{id:2,name:'jin'},{id:3,name:'leejin'} ]}";
                                var o = eval('(' + jqueryStr + ')');
                               // alert(o.list.length);
                                for (var i = 0; i < o.list.length; i++) {
                                    alert("id=" + o.list[i].id + "   name=" + o.list[i].name);
                                }

                                 //或者
                                $.each(o.list, function (index, item) {
                                    alert("id=" + item.id + "   name=" + item.name);
                                });

    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input type="button" onclick="showFunction();" value="显示单一JSON" />
        <input type="button" onclick="showJSONList();" value="显示JSON List" />
        <input type="button" id="btnJqueryJson" value="Jquery 展示JSON" />
    </div>
    </form>
</body>
</html>