javascript 解析JSONArray和JSONObject

秒速五厘米 2023-10-16 22:12 17阅读 0赞

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

效果展示：

![Center][]

二、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对象）

![Center 1][]

第二张图片：遍历JSONObject 的options属性（JSONArray）。

![Center 2][]

第三、JQuery解析JSONArray

源代码：在此只提供核心代码

效果展示：如上图

[Center]: https://img-blog.csdn.net/20150825225309376?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
[Center 1]: https://img-blog.csdn.net/20150825225800352?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
[Center 2]: https://img-blog.csdn.net/20150825225743707?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center