javascript 解析JSONArray和JSONObject分析

你猜 阅读:239 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> 

效果展示:如上图


声明

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

发表评论
搜索
KIKK导航

KIKK导航

排行榜
关注我们

一个IT知识分享的公众号