<!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 );

 });

jquey中json字符串与json的转换（转）的更多相关文章

  1. JSON字符串和对象 的转换

    一  通过eval() 函数可以将JSON字符串转化为对象 var obj = eval('(' + str + ')'); 或者 var obj = str.parseJSON(); //由JSON ...

  2. js中json字符串与json对象的相互转换

    web前端开发过程中,数据传输json是以字符串的形式传递,而js操作的是JSON对象. 一.JSON字符串转换为JSON对象 var obj = JSON.parse(str[, reviver]) ...

  3. json字符串与json对象的转换

    JSON(JavaScript Object Notation)格式是开发中较为常见的数据格式,优点是轻量,便于理解和解析生成.JSON对象是一个无序的键值对集合,以 { } 为开头和结尾,键与键之间 ...

  4. 做筛选遍历时遇到的json字符串、json对象、json数组 三者之间的转换问题

    这个是后台对登录用户以及筛选条件的操作 @Override public List<SdSdPer> listResults(String sidx, String sord) { try ...

  5. 前端页面使用 Json对象与Json字符串之间的互相转换

    前言 在前端页面很多时候都会用到Json这种格式的数据,最近没有前端,后端的我也要什么都要搞,对于Json对象与Json字符串之间的转换终于摸清楚了几种方式,归纳如下! 一:Json对象转换为json ...

  6. Gson解析json字符串、json数组转换成对象

    实体类: public class Product { private int id; private String name; private String date; public int get ...

  7. JSON.stringify()方法是将一个javascript值(对象或者数组)转换成为一个JSON字符串；JSON.parse()解析JSON字符串,构造由字符串描述的javascript值或对象

    JSON.stringify()方法是将一个javascript值(对象或者数组)转换成为一个JSON字符串:JSON.parse()解析JSON字符串,构造由字符串描述的javascript值或对象

  8. Java基础97 json插件的使用（java对象和json字符串对象之间的转换）

    1.需要用到的包 2.实例 实体类 people package com.shore.entity; /** * @author DSHORE/2019-4-19 * */ public class ...

  9. 转换成json字符串,与json字符串转换成java类型都要先转换成json对象

    转换成json字符串,与json字符串转换成java类型都要先转换成json对象

随机推荐

  1. English-英语学习杂志及资料

    [英文原版杂志] >>经济学人 英文原版PDF+双语版+文本音频 超全下载!http://bbs.zhan.com/thread-8443-1-1.html?sid=2004 >&g ...

  2. sql中的函数

    函数类别 作用 聚合函数 执行的操作是将多个值合并为一个值.例如 COUNT.SUM.MIN 和 MAX. 配置函数 是一种标量函数,可返回有关配置设置的信息. 转换函数 将值从一种数据类型转换为另一 ...

  3. Servlet基本_画面遷移

    画面遷移方法は.下記ようがある.・リクエストのディスパッチ・リダイレクト(画面から) 1.ディスパッチ1)概念サーブレットから他のリソース(サーブレット.JSP.Htmlなど)にリクエストを転送するこ ...

  4. 6.5 Shell 算术计算

    6.5 Shell Arithmetic shell允许在其内计算表达式,可以通过以下方式使用:((中,let和带-i选项的declare命令中. 只能计算固定长度的整数,而且不会检查溢出,除0可以捕 ...

  5. 22.多线程.md

    目录 1.线程的创建和启动 1.1继承Thread类创建线程 1.2继承Runnable接口实现创建线程 1.3使用Callable和Future创建 2.控制线程 2.1 Thread类的join方 ...

  6. spring 中AOP的基本知识点

    首先AOP就是一个动态代理,主要运用在事务控制,日志记录,安全控制等方面 1.连接点(Joinpoint):一个连接点 总是 代表一个方法的执行. 2.切入点(Pointcut):匹配连接点的 表达式 ...

  7. python3编译安装

    linux下配置安装python3一.首先,官网下载python3的所需版本.wget https://www.python.org/ftp/python/3.6.0/Python-3.6.0.tgz ...

  8. Html----编写

    文档的编辑 选择文档---->修改文档后缀名(.thml)--->用浏览器打开(解释和执行HTML源代码的工具) 浏览器主要分类及内核 火狐(Firefor)--->Gecho IE ...

  9. 2017面向对象程序设计（JAVA）第3周学习指导及要求（2017.9.6-2017.9.12）

    学习目标 掌握类与对象的基础概念,理解类与对象的关系: 掌握对象与对象变量的关系: 掌握预定义类的基本使用方法,熟悉Math类.String类.math类.Scanner类.LocalDate类的常用 ...

  10. pandas 常用清洗数据（二）

    1. df.head() Here we import pandas using the alias 'pd', then we read in our data. df.head - shows u ...