一、javascript 解析JSONArray数组
源代码:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<script type="text/javascript">
var data =[{"text":"王家湾","value":"9"},{"text":"李家湾","value":"10"},{"text":"邵家湾","value":"13"}];
var json=eval(data);
for(var i=0; i<json.length; i++)
{
alert(json[i].text+" " + json[i].value)
}
</script>
</head>
<body>
</body>
</html>
效果展示:
二、javascript解析JSONObject对象
源代码:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<script type="text/javascript">
var json = {"options":"[{\"text\":\"王家湾\",\"value\":\"9\"},{\"text\":\"李家湾\",\"value\":\"10\"},{\"text\":\"邵家湾\",\"value\":\"13\"}]"}
json = eval(json.options) ;
alert(json);
for(var i=0; i<json.length; i++)
{
alert(json[i].text+" " + json[i].value) ;
}
</script>
</head>
<body>
</body>
</html>
效果展示:
第一张图片:输出JSONObject 的options属性(实际上是一个JSONArray对象)
第二张图片:遍历JSONObject 的options属性(JSONArray)。
第三、JQuery解析JSONArray
源代码:在此只提供核心代码
<script type="text/javascript">
var d1 =[{"text":"王家湾","value":"9"},{"text":"李家湾","value":"10"},{"text":"邵家湾","value":"13"}];
$(d1).each(function(){
alert(this.text+" "+this.value);
});
</script>
效果展示:如上图