关于JSON.parse(),JSON.stringify(),jQuery.parseJSON()的用法


Posted in Javascript onJune 30, 2016

1. JSON.parse(jsonString): 在一个字符串中解析出JSON对象

var str = '[{"href":"baidu.com","text":"test","orgId":123,"dataType":"curry","activeClass":"haha"}]'; 
 
JSON.parse(str);

结果:

关于JSON.parse(),JSON.stringify(),jQuery.parseJSON()的用法

2. JSON.stringify(obj) : 将一个JSON对象转换成字符串

var obj = [{"href":"baidu.com","text":"test","orgId":123,"dataType":"curry","activeClass":"haha"}]; 
 
JSON.stringify(obj);

结果:

"[{"href":"baidu.com","text":"test","orgId":123,"dataType":"curry","activeClass":"haha"}]"

3. jQuery.parseJSON(jsonString) : 将格式完好的JSON字符串转为与之对应的JavaScript对象

var str = '[{"href":"baidu.com","text":"test","orgId":123,"dataType":"curry","activeClass":"haha"}]'; 
 
jQuery.parseJSON(str);

结果:

关于JSON.parse(),JSON.stringify(),jQuery.parseJSON()的用法

4.JSON.parse()和jQuery.parseJSON()的区别:

有的浏览器不支持JSON.parse()方法,使用jQuery.parseJSON()方法时,在浏览器支持时会返回执行JSON.parse()方法的结果,否则会返回类似执行eval()方法的结果,以上结论参考jquery 1.9.1 得出:

parseJSON: function( data ) { 
  // Attempt to parse using the native JSON parser first 
  if ( window.JSON && window.JSON.parse ) { 
    return window.JSON.parse( data ); 
  } 
 
 
  if ( data === null ) { 
    return data; 
  } 
 
 
  if ( typeof data === "string" ) { 
 
 
    // Make sure leading/trailing whitespace is removed (IE can't handle it) 
    data = jQuery.trim( data ); 
 
 
    if ( data ) { 
      // Make sure the incoming data is actual JSON 
      // Logic borrowed from http://json.org/json2.js 
      if ( rvalidchars.test( data.replace( rvalidescape, "@" ) 
        .replace( rvalidtokens, "]" ) 
        .replace( rvalidbraces, "")) ) { 
 
 
        return ( new Function( "return " + data ) )(); 
      } 
    } 
  } 
 
 
  jQuery.error( "Invalid JSON: " + data ); 
},

以上这篇关于JSON.parse(),JSON.stringify(),jQuery.parseJSON()的用法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery validate.js表单验证的基本用法入门
May 13 Javascript
caller和callee的区别介绍及演示结果
Mar 10 Javascript
网页中返回顶部代码(多种方法)另附注释说明
Apr 24 Javascript
高效率JavaScript编写技巧整理
Aug 23 Javascript
在Linux上用forever实现Node.js项目自启动
Jul 09 Javascript
js使用onmousemove和onmouseout获取鼠标坐标的方法
Mar 31 Javascript
ajax级联菜单实现方法实例分析
Nov 28 Javascript
vue.js实现含搜索的多种复选框(附源码)
Mar 23 Javascript
详解layui中的树形关于取值传值问题
Jan 16 Javascript
vue动画打包后失效问题的解决方法
Sep 18 Javascript
浅析Angular 实现一个repeat指令的方法
Jul 21 Javascript
使用js实现一个简单的滚动条过程解析
Sep 10 Javascript
浅谈js图片前端预览之filereader和window.URL.createObjectURL
Jun 30 #Javascript
浅谈JS中json数据的处理
Jun 30 #Javascript
原生js实现自由拖拽弹窗代码demo
Jun 29 #Javascript
JS中Json数据的处理和解析JSON数据的方法详解
Jun 29 #Javascript
简单实现js间歇或无缝滚动效果
Jun 29 #Javascript
js精准的倒计时函数分享
Jun 29 #Javascript
jQuery模仿京东/天猫商品左侧分类导航菜单效果
Jun 29 #Javascript
You might like
php 代码优化之经典示例
2011/03/24 PHP
php存储过程调用实例代码
2013/02/03 PHP
一个漂亮的php验证码类(分享)
2013/08/06 PHP
php中chdir()函数用法实例
2014/11/13 PHP
php简单实现多语言切换的方法
2016/05/09 PHP
Laravel框架分页实现方法分析
2018/06/12 PHP
从Ajax到JQuery Ajax学习
2007/02/14 Javascript
javascript 节点遍历函数
2010/03/28 Javascript
JavaScript解析URL参数示例代码
2013/08/12 Javascript
使用firebug进行调试javascript的示例
2013/12/16 Javascript
jQuery读取XML文件内容的方法
2015/03/09 Javascript
jquery实现图片上传之前预览的方法
2015/07/11 Javascript
jQuery解析Json实例详解
2015/11/24 Javascript
jquery实现下拉菜单的手风琴效果
2017/07/23 jQuery
jQuery实现上传图片前预览效果功能
2017/08/03 jQuery
JavaScript数组,JSON对象实现动态添加、修改、删除功能示例
2018/05/26 Javascript
浅谈手写node可读流之流动模式
2018/06/01 Javascript
JavaScript设计模式之缓存代理模式原理与简单用法示例
2018/08/07 Javascript
详解json串反转义(消除反斜杠)
2019/08/12 Javascript
WEB前端性能优化的7大手段详解
2020/02/04 Javascript
微信小程序仿抖音短视频切换效果的实例代码
2020/06/24 Javascript
JS实现拖拽元素时与另一元素碰撞检测
2020/08/27 Javascript
python中装饰器级连的使用方法示例
2017/09/29 Python
浅谈Python实现2种文件复制的方法
2018/01/19 Python
Python实现的求解最小公倍数算法示例
2018/05/03 Python
python批量修改图片后缀的方法(png到jpg)
2018/10/25 Python
使用Python实现分别输出每个数组
2019/12/06 Python
Python xlwt模块使用代码实例
2020/06/10 Python
flask开启多线程的具体方法
2020/08/02 Python
CSS3 filter(滤镜)实现网页灰色或者黑色模式的代码
2020/11/30 HTML / CSS
突袭HTML5之Javascript API扩展2—地理信息服务及地理位置API学习
2013/01/31 HTML / CSS
幼儿园中班新学期寄语
2014/01/18 职场文书
高级销售求职信
2014/02/21 职场文书
揭牌仪式策划方案
2014/05/28 职场文书
民族团结先进个人事迹材料
2014/06/02 职场文书
大学生自我推荐信范文
2015/03/24 职场文书