关于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中自定义对象的属性方法分享
Jul 12 Javascript
iframe窗口高度自适应的实现方法
Jan 08 Javascript
jQuery获取标签文本内容和html内容的方法
Mar 27 Javascript
JavaScript实现标题栏文字轮播效果代码
Oct 24 Javascript
js注入 黑客之路必备!
Sep 14 Javascript
vue.js指令v-model实现方法
Dec 05 Javascript
浅谈regExp的test方法取得的值变化的原因及处理方法
Mar 01 Javascript
VUE-Table上绑定Input通过render实现双向绑定数据的示例
Aug 27 Javascript
vue-router路由懒加载的实现(解决vue项目首次加载慢)
Aug 28 Javascript
vue 使用html2canvas将DOM转化为图片的方法
Sep 11 Javascript
Vue.js 无限滚动列表性能优化方案
Dec 02 Javascript
vue自定义指令和动态路由实现权限控制
Aug 28 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设计模式 Composite (组合模式)
2011/06/26 PHP
四种php中webservice实现的简单架构方法及实例
2015/02/03 PHP
PHP简单遍历对象示例
2016/09/28 PHP
Laravel中Facade的加载过程与原理详解
2017/09/22 PHP
[原创]来自ImageSee官方 JavaScript图片浏览器
2008/01/16 Javascript
最短的IE判断代码
2011/03/13 Javascript
JavaScript String.replace函数参数实例说明
2013/06/06 Javascript
node.js中的http.response.write方法使用说明
2014/12/14 Javascript
JavaScript点击按钮后弹出透明浮动层的方法
2015/05/11 Javascript
JAVASCRIPT代码编写俄罗斯方块网页版
2015/11/26 Javascript
基于jQuery实现返回顶部实例代码
2016/01/01 Javascript
JS获取随机数和时间转换的简单实例
2016/07/10 Javascript
javascript加减乘除的简单实例
2016/07/12 Javascript
Grunt针对静态文件的压缩,版本控制打包的实例讲解
2017/09/29 Javascript
初探js和简单隐藏效果的实例
2017/11/23 Javascript
全新打包工具parcel零配置vue开发脚手架
2018/01/11 Javascript
vue之将echart封装为组件
2018/06/02 Javascript
浅谈angularJS2中的界面跳转方法
2018/08/31 Javascript
angular中两种表单的区别(响应式和模板驱动表单)
2018/12/06 Javascript
vue实现歌手列表字母排序下拉滚动条侧栏排序实时更新
2019/05/14 Javascript
Vue的props父传子的示例代码
2020/05/20 Javascript
python消费kafka数据批量插入到es的方法
2018/12/27 Python
python使用Pandas库提升项目的运行速度过程详解
2019/07/12 Python
用Python配平化学方程式的方法
2019/07/20 Python
TensorFlow基于MNIST数据集实现车牌识别(初步演示版)
2019/08/05 Python
便携式太阳能系统的创新者:GOAL ZERO
2018/02/04 全球购物
家长评语和期望
2014/02/10 职场文书
书香校园活动方案
2014/02/28 职场文书
双拥工作宣传标语
2014/06/26 职场文书
七夕活动策划方案
2014/08/16 职场文书
关于环保的活动方案
2014/08/25 职场文书
2015年食品安全宣传周活动总结
2015/07/09 职场文书
2016年9月份红领巾广播稿
2015/12/21 职场文书
MySQL获取所有分类的前N条记录
2021/05/07 MySQL
flex布局中使用flex-wrap实现换行的项目实践
2022/06/21 HTML / CSS
一文教你快速生成MySQL数据库关系图
2022/06/28 Redis