javascript 解析JSONArray和JSONObject

你猜阅读：1129 2021-03-31 22:23:22 评论：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>

效果展示：

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

效果展示：如上图

标签:json

声明

1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，请转载时务必注明文章作者和来源，不尊重原创的行为我们将追究责任；3.作者投稿可能会经我们编辑修改或补充。