IT Notes‎ > ‎Web Front Dev‎ > ‎XML‎ > ‎

JSON

JSON 是一种结构化记录数据的方式,JSON名称来源于JavaScript Object Notation, 但实际上和语言无关, 非JavaScript也可以使用它。比XML更省空间,语法也非常简单。
基本结构:  {key: value, key1: value1, ...}
结构可以嵌套, 如:
  • 对象: {1: "张三", 2:"李四", 3:"王五"}
  • 数组: ["张三", "李四", "王五"]

示例

下面是一个 JSON 复合结构的例子。功能说明:左侧的下拉列表选中某个值后,右侧的输入框会设置相应的默认值。

    <select onchange="setDefaultValue()" id="hotWapRemarkSelect">
            <option value="hot01">公共区关注位</option>
            <option value="hot02">公共区火辣位</option>
            <option value="hot03">公共区订购位</option>
            <option value="hot04">公共区热点位1</option>
            <option value="hot05">公共区热点位2</option>
            <option value="hot06">公共区热点位3</option>
    </select>
    <input type="text" id="hotClient" />
    <script type="text/javascript">
        function setDefaultValue() {
            var hotWapRemarkSelect = document.getElementById("hotWapRemarkSelect");
            var wapValue = hotWapRemarkSelect.options[hotWapRemarkSelect.selectedIndex].value;
            var json1 = {//这个 JSON 对象是一个复合的,元素中还包含数组。
                    hot01: ["公共区关注位", "hot1"],
                    hot02: ["公共区火辣位", "hot2"],
                    hot03: ["公共区订购位", "首页1"],
                    hot04: ["公共区热点位1", "首页2"],
                    hot05: ["公共区热点位2", "首页3"],
                    hot06: ["公共区热点位3", "首页4"],
            };
            document.getElementById("hotClient").value = json1[wapValue][1];//取key为 wapValue 的数组对象的第1个(从0开始)值。留意这里的取值方式
        }
    </script>

运行效果如下图:

TODO: 如何通过Java操作 JSON 文件?

有用的参考:

Comments