关于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 通过事件委派一次绑定多种事件,以减少事件冗余
Jun 30 Javascript
JS组件中bootstrap multiselect两大组件较量
Jan 26 Javascript
jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码
Dec 27 Javascript
Vue Spa切换页面时更改标题的实例代码
Jul 15 Javascript
Node.js利用断言模块assert进行单元测试的方法
Sep 28 Javascript
vue+vue-validator 表单验证功能的实现代码
Nov 13 Javascript
vue-cli 3.0 版本与3.0以下版本在搭建项目时的区别详解
Dec 11 Javascript
Vue.js构建你的第一个包并在NPM上发布的方法步骤
May 01 Javascript
微信小程序 image组件遇到的问题
May 28 Javascript
Jquery 获取相同NAME 或者id删除行操作
Aug 24 jQuery
微信小程序实现多张图片上传功能
Nov 18 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如何得到当前页和上一页的地址?
2006/11/27 PHP
php str_pad 函数使用详解
2009/01/13 PHP
PHP获取163、gmail、126等邮箱联系人地址【已测试2009.10.10】
2009/10/11 PHP
php图片水印添加、压缩、剪切的封装类实现
2020/04/18 PHP
thinkPHP5.0框架URL访问方法详解
2017/03/18 PHP
PHP中检查isset()和!empty()函数的必要性
2019/02/13 PHP
PHP时间相关常用函数用法示例
2020/06/03 PHP
PHP常用字符串函数用法实例总结
2020/06/04 PHP
PHP如何使用array_unshift()在数组开头插入元素
2020/09/01 PHP
Ext 表单布局实例代码
2009/04/30 Javascript
基于jquery的分页控件(C#)
2011/01/06 Javascript
如何实现textarea里的不同文本显示不同颜色
2014/01/20 Javascript
jQuery中innerHeight()方法用法实例
2015/01/19 Javascript
整理Javascript基础入门学习笔记
2015/11/29 Javascript
详解jQuery移动页面开发中的ui-grid网格布局使用
2015/12/03 Javascript
antd-mobile ListView长列表的数据更新遇到的坑
2020/04/08 Javascript
vue实现公告栏文字上下滚动效果的示例代码
2020/06/16 Javascript
Python3利用SMTP协议发送E-mail电子邮件的方法
2017/09/30 Python
100行python代码实现跳一跳辅助程序
2018/01/15 Python
pytorch 自定义数据集加载方法
2019/08/18 Python
python实现的批量分析xml标签中各个类别个数功能示例
2019/12/30 Python
Python如何避免文件同名产生覆盖
2020/06/09 Python
python如何导入依赖包
2020/07/13 Python
德国家具在线:Fashion For Home
2017/03/11 全球购物
美国女性卫生用品公司:Thinx
2017/06/30 全球购物
Ibatis中如何提高SQL Map的性能
2013/05/11 面试题
工商管理系学生的自我评价分享
2013/11/29 职场文书
缓刑人员的思想汇报
2014/01/11 职场文书
市场部业务员岗位职责
2014/04/02 职场文书
慰问信模板
2015/02/14 职场文书
企业百日安全活动总结
2015/05/07 职场文书
详解JS WebSocket断开原因和心跳机制
2021/05/07 Javascript
pytorch 两个GPU同时训练的解决方案
2021/06/01 Python
HTML怎么设置下划线?html文字加下划线方法
2021/12/06 HTML / CSS
python程序的组织结构详解
2021/12/06 Python
element tree树形组件回显数据问题解决
2022/08/14 Javascript