javascript 解析JSONArray和JSONObject

来源：互联网发布：山脉户外知乎编辑：程序博客网时间：2024/06/05 14:39

一、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>

效果展示：如上图

0 0