Jquery解析json字符串及json数组的方法

本文实例讲述了Jquery解析json字符串及json数组的方法。分享给大家供大家参考。具体如下：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery-1.6.2.min.js"></script>
</head>
<body>
<hr />
<h3>解析json字符串、json数组</h3>
<input type="button" id="jsonBtn" name="jsonBtn" value="jsonArray" />
<input type="button" id="jsonArray2" name="jsonArray2" value="jsonArray2" />
<input type="button" id="jsonStr" name="jsonStr" value="jsonStr" />
<input type="button" id="jsonStr2" name="jsonStr2" value="jsonStr2" />
<hr />
<div class="jsonText">
 {"ret": 0, "msg": "", "is_lost":0, "nickname": "小米", "gender": "男", "province": "广东", "city": "广州", "year": "1990", "figureurl": "http:\/\/qzapp.qlogo.cn\/qzapp\/101152201\/D87BF108B19279F31587CE96E5648A98\/30", "figureurl_1": "http:\/\/qzapp.qlogo.cn\/qzapp\/101152201\/D87BF108B19279F31587CE96E5648A98\/50", "figureurl_2": "http:\/\/qzapp.qlogo.cn\/qzapp\/101152201\/D87BF108B19279F31587CE96E5648A98\/100", "figureurl_qq_1": "http:\/\/q.qlogo.cn\/qqapp\/101152201\/D87BF108B19279F31587CE96E5648A98\/40", "figureurl_qq_2": "http:\/\/q.qlogo.cn\/qqapp\/101152201\/D87BF108B19279F31587CE96E5648A98\/100", "is_yellow_vip": "0", "vip": "0", "yellow_vip_level": "0", "level": "0", "is_yellow_year_vip": "0"}
</div>
<hr />
<div class="jsonArray">
 { root:
  [
  {name:'1',value:'0'},
  {name:'6101',value:'西安市'},
  {name:'6102',value:'铜川市'},
  {name:'6103',value:'宝鸡市'},
  {name:'6104',value:'咸阳市'},
  {name:'6105',value:'渭南市'},
  {name:'6106',value:'延安市'},
  {name:'6107',value:'汉中市'},
  {name:'6108',value:'榆林市'},
  {name:'6109',value:'安康市'},
  {name:'6110',value:'商洛市'}
  ],
 json:
  [
  {name:'6103',value:'宝鸡市'},
  {name:'6104',value:'咸阳市'},
  {name:'6107',value:'汉中市'},
  {name:'6108',value:'榆林市'},
  {name:'6110',value:'商洛市'}
  ]
 }
</div>
<hr />
<div class="jsonArray2">
 [
 {name:'1',value:'0'},
 {name:'6101',value:'西安市'},
 {name:'6102',value:'铜川市'},
 {name:'6103',value:'宝鸡市'},
 {name:'6104',value:'咸阳市'},
 {name:'6105',value:'渭南市'},
 {name:'6106',value:'延安市'},
 {name:'6107',value:'汉中市'},
 {name:'6108',value:'榆林市'},
 {name:'6109',value:'安康市'},
 {name:'6110',value:'商洛市'}
 ]
</div>
</body>
</html>
<script type="text/javascript">
 ///jQuery 解析json字符串
 //解析复杂的json数组
 $("#jsonBtn").click(function(){
 var data=$(".jsonArray").html();
 alert("-----"+data);
 var dataObj=eval("("+data+")");//转换为json对象
 alert(dataObj.root.length);//输出root的子对象数量
 alert(dataObj.json.length);//输出json的子对象数量
  //遍历json数组
  $.each(dataObj.root, function(i, item) {
  alert(item.name+"-----root-------"+item.value);
  });
  //遍历json数组
  $.each(dataObj.json, function(i, item) {
  alert(item.name+"-----json-------"+item.value);
  });
 });
 //解析单个的json数组
 $("#jsonArray2").click(function(){
 var data=$(".jsonArray2").html();
 alert("-----"+data);
 var dataObj=eval("("+data+")");//转换为json对象
 alert(dataObj.length);//输出root的子对象数量
  //遍历json数组
  $.each(dataObj, function(i, item) {
  alert(item.name+"-----jsonArray-------"+item.value);
  });
 });
 ///解析标准的Json串 方法一
 $("#jsonStr").click(function(){
 var json=$(".jsonText").html();
 alert("---2--"+json);
  var item = jQuery.parseJSON(json);
  alert(item.nickname);
  alert(item.ret);
  alert(item.figureurl );
 });
 ///解析标准的Json串，方法二
 $("#jsonStr2").click(function(){
 var json=$(".jsonText").html();
 alert("---2--"+json);
  var obj = eval("("+json+")");
  alert(obj.nickname);
  alert(obj.ret);
  alert(obj.figureurl );
 });
</script>

希望本文所述对大家的jQuery程序设计有所帮助。

赞 (0)

相关推荐

  • JS中的数组转变成JSON格式字符串的方法

    有一个JS数组,如: var arr = [["projectname1","projectnumber1"],["projectname2","projectnumber2"],["projectname3","projectnumber3"]]; 想将此数组转换成JSON字符串,如: var jsonarr = [{"projectname":projectnam

  • ajax响应json字符串和json数组的实例(详解)

    ajax响应json字符串和json数组的实例(详解)

    最近上班太忙,晚上抽空整理一下ajax请求中,后台返回json字符串和json数组的场景,以及前台的处理示例. 直接看代码. json字符串的后台响应 package com.ajax; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.serv

  • JS解析json数据并将json字符串转化为数组的实现方法

    复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <SCRIPT LANGUAGE="JavaScript"> var t="{'firstName': 'cyra', 'lastName': 'ric

  • 把json格式的字符串转换成javascript对象或数组的方法总结

    第一种 JSON.parse(jsonString) 第二种 eval("("+jsonString+")") 第三种 var obj=(function ToJSON(o){ if(typeof(o)=="string")try{return new Function("return "+o)();}catch(e){return null;} })("[{name:'zhangsan',age:'24'},{na

  • PHP封装返回Ajax字符串和JSON数组的方法

    实例如下: <?php class DBDA { public $host="localhost"; public $uid = "root"; public $pwd = "123"; public $dbname = "mydb"; //成员方法 public function Query($sql,$type=1) { $db = new MySQLi($this->host,$this->uid,$t

  • js 转json格式的字符串为对象或数组(前后台)的方法

    一.前台 // 转换成对象 var myObject = JSON.parse(_data); alert("对象:"+myObject.msg); // 转换成数组 var myobj = eval("["+_data+"]"); for (var i = 0; i < myobj.length; i++) { alert("数组:"+myobj[i].msg); } //把json格式的字符串转成JSON对象 var

  • jquery解析XML字符串和XML文件的方法说明

    1.读取XML字符串:例如: 复制代码 代码如下: $(document).ready(function(){ var xml = "<xml><root><record><name>liubl</name></record><record><name>chencp</name</record></root></xml>";//var xml=&qu

  • Jquery解析json字符串及json数组的方法

    本文实例讲述了Jquery解析json字符串及json数组的方法.分享给大家供大家参考.具体如下: <!doctype html> <html> <head> <meta charset="utf-8"> <script src="js/jquery-1.6.2.min.js"></script> </head> <body> <hr /> <h3>

  • Json_decode 解析json字符串为NULL的解决方法(必看)

    从APP端或从其他页面post,get过来的数据一般因为数组形式.因为数组形式不易传输,所以一般都会转json后再发送.本以为发送方json_encode(),接收方json_decode(),就解决的问题,结果发现,json_decode()后是NULL. 一般会反应是少了一个参数"true",但是回去看就是 json_decode($data,true); 那怎么还会是NULL呢?难道是编码,不会啊,接收后直接打印是一个完整json字符串的形式,在网上json解析网站,也是可以正常

  • js 将json字符串转换为json对象的方法解析

    例如: JSON字符串: var str1 = '{ "name": "cxh", "sex": "man" }'; JSON对象: var str2 = { "name": "cxh", "sex": "man" }; 一.JSON字符串转换为JSON对象 要使用上面的str1,必须使用下面的方法先转化为JSON对象: //由JSON字符串转换为

  • JSON字符串和JSON对象相互转化实例详解

    本文实例讲述了JSON字符串和JSON对象相互转化的方法.分享给大家供大家参考,具体如下: 将json字符串转换为json对象的方法.在数据传输过程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键 例如: JSON字符串: var str = '{ "name": "name1","sex": "m" }'; JSON对象: var obj = {

  • Java中Json字符串直接转换为对象的方法(包括多层List集合)

    使用到的类:net.sf.json.JSONObject 使用JSON时,除了要导入JSON网站上面下载的json-lib-2.2-jdk15.jar包之外,还必须有其它几个依赖包:commons-beanutils.jar,commons-httpclient.jar,commons-lang.jar,ezmorph.jar,morph-1.0.1.jar 下面是例子代码: // JSON转换 JSONObject jsonObj = JSONObject.fromObject(jsonStr

  • php 将json格式数据转换成数组的方法

    如下所示: //json格式数据 $data = '[{ "F_ModuleId": "1", "F_ParentId": "0", "F_EnCode": "SysManage",}]'; //转换成数组 $arr = json_decode($data,true); //输出 var_dump($arr); 以上这篇php 将json格式数据转换成数组的方法就是小编分享给大家的全部内

  • python处理json字符串(使用json.loads而不是eval())

    python处理json字符串(使用json.loads而不是eval())

    eval 跟json.loads 是不一样的函数,是有实现不一样功能的地方,但是在某些地方它们两个函数的功能是一样的,在这个时候如果对执行效率有一定要求的话,建议不要用eval,改用json.loads会有惊喜哦. 一.eval eval() 函数用来执行一个字符串表达式,并返回表达式的值. 二.json.loads json.loads 用于解码 JSON 数据.该函数返回 Python 字段的数据类型. json.loads与eval都能将json字符串转成python中的对象,但在实际工作

  • python将字符串转换成数组的方法

    python将字符串转换成数组的方法.分享给大家供大家参考.具体实现方法如下: #----------------------------------------- # Name: string_to_array.py # Author: Kevin Harris # Last Modified: 02/13/04 # Description: This Python script demonstrates # how to modify a string by # converting it

随机推荐