关于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 相关文章推荐
JavaScript中链式调用之研习
Apr 07 Javascript
JS定时器实例详细分析
Oct 11 Javascript
js正则表达式中test,exec,match方法的区别说明
Jan 29 Javascript
AngularJS入门教程之学习环境搭建
Dec 06 Javascript
javascript操作ul中li的方法
May 14 Javascript
JQuery中DOM事件合成用法实例分析
Jun 13 Javascript
jQuery如何获取动态添加的元素
Jun 24 Javascript
js实现表单及时验证功能 用户信息立即验证
Sep 13 Javascript
JavaScript的兼容性与调试技巧
Nov 22 Javascript
简单实现jQuery多选框功能
Jan 09 Javascript
React Native使用fetch实现图片上传的示例代码
Mar 07 Javascript
深入理解Vue的数据响应式
May 15 Vue.js
浅谈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 is_file 判断给定文件名是否为一个正常的文件
2010/05/10 PHP
php批量上传的实现代码
2013/06/09 PHP
php数组去重复数据示例
2014/02/25 PHP
配置eAccelerator和XCache扩展来加速PHP程序的执行
2015/12/22 PHP
微信公众号模板消息群发php代码示例
2016/12/29 PHP
HR vs ForZe BO3 第一场 2.13
2021/03/10 DOTA
JS链式调用的实现方法
2013/03/07 Javascript
在JavaScript的AngularJS库中进行单元测试的方法
2015/06/23 Javascript
jQuery UI库中dialog对话框功能使用全解析
2016/04/23 Javascript
Angularjs实现带查找筛选功能的select下拉框示例代码
2016/10/04 Javascript
JS简单实现表格排序功能示例
2016/12/20 Javascript
基于bootstrap实现收缩导航条
2017/03/17 Javascript
浅谈angular4 ng-content 中隐藏的内容
2017/08/18 Javascript
layer子层给父层页面元素赋值,以达到向父层页面传值的效果实例
2017/09/22 Javascript
nodejs发送http请求时遇到404长时间未响应的解决方法
2017/12/10 NodeJs
vue2.0.js的多级联动选择器实现方法
2018/02/09 Javascript
JS字符串常用操作方法实例小结
2019/06/24 Javascript
通过js实现压缩图片上传功能
2020/02/25 Javascript
[42:36]DOTA2上海特级锦标赛B组败者赛 VG VS Spirit第二局
2016/02/26 DOTA
pygame学习笔记(6):完成一个简单的游戏
2015/04/15 Python
Python反射用法实例简析
2017/12/22 Python
Python全局变量与局部变量区别及用法分析
2018/09/03 Python
python实现ip地址查询经纬度定位详解
2019/08/30 Python
Django通用类视图实现忘记密码重置密码功能示例
2019/12/17 Python
Django单元测试中Fixtures的使用方法
2020/02/26 Python
基于python实现数组格式参数加密计算
2020/04/21 Python
基于tensorflow for循环 while循环案例
2020/06/30 Python
35款精致的 CSS3 和 HTML5 网页模板 推荐
2012/08/03 HTML / CSS
浅谈Html5中视频 音频标签 进度条的问题
2016/07/26 HTML / CSS
如何编写优秀的食品项目创业计划书
2014/01/23 职场文书
社区先进事迹材料
2014/05/19 职场文书
2015年党风廉政建设目标责任书
2015/05/08 职场文书
先进个人主要事迹怎么写
2015/11/04 职场文书
详解PHP Swoole与TCP三次握手
2021/05/27 PHP
5分钟教你docker安装启动redis全教程(全新方式)
2021/05/29 Redis
SpringBoot Http远程调用的方法
2022/08/14 Java/Android