文档介绍：下拉级联第二章 JOSN 数据 JOSN 数据: 21 世纪初, Douglas Crockford 寻找一种简便的数据交换格式, 能够在服务器之间交换数据。当时通用的数据交换语言是 XML ,但是 Douglas Crockford 觉得 XML 的生成和解析都太麻烦,所以他提出了一种简化格式,也就是 Json 。 Json 的规格非常简单,只用一个页面几百个字就能说清楚,而且 Douglas Crockford 声称这个规格永远不必升级,因为该规定的都规定了并列的数据之间用逗号( ",")分隔。 2)映射用冒号( ":")表示。 3)并列数据的集合(数组)用方括号("[]") 表示。 4)映射的集合(对象)用大括号( "{}" )表示。 JOSN 数据 JQuery 解析 JOSN 数据: 示例: "北京市的面积为 16800 平方公里,常住人口 1600 万人。上海市的面积为 6400 平方公里,常住人口 1800 万。" 写成 json 格式就是这样: 如果事先知道数据的结构,上面的写法还可以进一步简化: [ {"城市":" 北京"," 面积":16800," 人口":1600}, {"城市":" 上海"," 面积":6400," 人口":1800} ][ ["北京",16800,1600], ["上海",6400,1800] ] JQuery 解析 JOSN 数据 Javascript 中定义对象: var a={" city ":" 北京"," area ":16800," personAmount ":1600}; javascript 中访问对象: ==== 北京 ==16800 ==1600 将对象以字符串形式表示后,可以用 JQuery 解析 var obj = (' {" city ":" 北京"," area ":16800," personAmount ":1600} '); alert( obj. city == " 北京" ); alert(==16800); alert(==1600); JQuery 解析 JOSN 数据 Javascript 中对象和数组对比: 这样定义一个对象: var a={" 城市":" 北京"," 面积":16800," 人口":1600}; 但是,也可以定义成一个关联数组: a[" 城市"]=" 北京"; a[" 面积"]=16800; a[" 人口"]=1600; 在 Javascript 语言中,关联数组就是对象,对象就是关联数组。 JQuery 解析 JOSN 数据选择框中加入数据: <script type="text/javascript" src="js/jquery-"></script> <script type="text/javascript"> $(function(){ var jsonstring = '{"text1":"value1","text2":"value2","text3":"value3"}'; var jsonObj = $.parseJSON (jsonstring); var optionstring = ""; for(var item in jsonObj ){ optionstring += "<option value= ' "+ jsonObj[item] +" ' >"+ item +"</option>"; } $("#sel").html(optionstring); }); </script> </head> <body> <select id="sel"></select> </body> struts2 返回 JSON 数据下拉框级联—— html 代码: <script type="text/javascript" src="js/jquery-"></script> <script type="text/javascript" src="js/"></script> <body> <center> 影院: <select id=" bindTheater " style="width: 100px;"></select> </SPAN> 大厅: <select id=" bindHall " style="width: 100px;"> <option value="-1"> -- </option> </select> 场次: <sele