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>
运行效果如下图: