from:http://blog.csdn.net/gjb724332682/article/details/46682743

前言

json2.js是一个json插件,下载地址:https://github.com/douglascrockford/JSON-js

它包含两个方法,JSON.stringify(value, replacer, space)和JSON.parse(text, reviver)

JSON.stringify(value, replacer, space)

value

要序列化的值,可以是数组或者对象。

replacer

可选参数,可以是一个函数或者一个数组,函数可以根据键替换旧的值,而数组可以决定要序列化的键。

space

可选参数,排版用的,如果它是数值,表示在每层缩进多少个空格,如果是字符串,例如 '\t' 或者' ',表示在每层使用这个字符来缩进。

例子

  1. 1、console.log(JSON.stringify([{a: "诶"}, {b: "比"}]));
  2. 结果:
  3. [{"a":"诶"},{"b":"比"}]
  4. 2、console.log(JSON.stringify([{a: "诶"}, {b: "比"}],null,"\t"));
  5. 结果:
  6. [
  7. {
  8. "a": "诶"
  9. },
  10. {
  11. "b": "比"
  12. }
  13. ]
  14. 3、console.log(JSON.stringify([{a: "诶"}, {b: "比"}],["a"]));
  15. 结果:
  16. [{"a":"诶"},{}]
  17. 4、var jsonText = JSON.stringify({
  18. a : "诶",
  19. b : "比"
  20. },jsonConvert);
  21. function jsonConvert(key, value) {
  22. switch (key) {
  23. case "a":
  24. return "A";
  25. case "b":
  26. return "B";
  27. default:
  28. return value;
  29. }
  30. }
  31. console.log(jsonText);
  32. 结果:
  33. {"a":"A","b":"B"}
  34. 5、有时候JSON.stringify()还是不能满足对某些对象进行自定义序列化的需求,在这些情况下,可以通过对象上调用toJSON()方法,返回其自身的JSON数据格式。
  35. 例如:console.log(JSON.stringify({a: "诶",b: "比",toJSON:function(){return "自定义"}});结果是返回"自定义".

JSON.parse(text, reviver)

text

要解析的字符串。

reviver

可选参数,是一个函数,用于过滤和转换结果,它接收每一对键值对并执行这个函数,记住,最后一定要加上return value。

例子

  1. 1、console.log(JSON.parse('{"a":"诶","b":"比"}'));
  2. 结果:
  3. Object { a="诶",  b="比"}
  4. 2、console.log(JSON.parse('{"a":"诶","b":"比"}',function(key,value){
  5. if(key=="a"){
  6. return "A";
  7. }else if(key=="b"){
  8. return "B";
  9. }
  10. return value;
  11. }));
  12. 结果:
  13. Object { a="A",  b="B"}

jQuery插件-json2.js的更多相关文章

  1. 另外一款超棒的响应式布局jQuery插件 – Freetile.js

    在线演示 我们曾经介绍过俩款知名的响应式布局插:isotope和masonary,今天我们这里再介绍一款相当不错的响应式布局插件 – Freetile.js,使用它同样可以生成超酷的动态布局效果.相信 ...

  2. 帮助更语义化的显示时间的jQuery插件 - tidyTime.js

    来源:GBin1.com 网站或者web应用开发过程中,难免会遇到需要展示时间的地方,例如,留言时间或者发布帖子的时候,那么大家是不是相关过使用更加符合语义学的方式来显示时间呢? 08:15  显示成 ...

  3. JQuery插件supersized.js实现背景图片淡入浅出

    淡入浅出的网站背景图片切换,其实是引用了JQuery插件supersized,效果很炫吧.其实这个插件功能很强大,可以做很多图片类的效果.这些需要等待我们自己去探索. 下面是这个效果的代码只有一行: ...

  4. JQuery插件 aos.js

    简介: aos.js是一款效果超赞的页面滚动元素动画jQuery动画库插件.该动画库可以在页面滚动时提供28种不同的元素动画效果,以及多种easing效果.在页面往回滚动时,元素会恢复到原来的状态. ...

  5. html select美化模拟jquery插件select2.js

    代码展示:http://www.51xuediannao.com/demo.php 代码说明: select2.js是一个html select美化模拟类jquery插件,但是select2.js又远 ...

  6. 延迟加载图片的 jQuery 插件——lazyload.js

    lazyload 这个 jQuery 插件,是用来缓冲加载图片的插件.如果一篇文章很长有很多图片的话,下载图片就需要很多时间.而这款插件,会检测你的滚动情况,只有你要看到那个图片的时 候,它才会从后台 ...

  7. jquery插件lazyload.js延迟加载图片的使用方法

    如果一个网页很长并且有很多图片的话,下载图片就需要很多时间,那么就会影响整个网页的加载速度,而这款延迟加载插件,会通过你的滚动情况来加载你需要看的图片,然后它才会从后台请求下载图片,最后显示出来.通过 ...

  8. jquery插件--ajaxfileupload.js上传文件原理分析

    英文注解应该是原作者写的吧~说实话,有些if判断里的东西我也没太弄明白,但是大致思路还是OK的. jQuery.extend({ createUploadIframe: function (id, u ...

  9. 【微收藏】来自Twitter的自动文字补齐jQuery插件 - Typeahead.js

    没图没逼格 事发有因 该插件可以结合本地数据进行一些操作.推荐关注一下H5的几种数据存储的方式(localstorage与sessionstorage.IndexedDB.离线缓存manifest文件 ...

随机推荐

  1. Redis 命令一

    Redis 命令用于在 redis 服务上执行操作. 要在 redis 服务上执行命令需要一个 redis 客户端.Redis 客户端在我们之前下载的的 redis 的安装包中. 1.Redis 客户 ...

  2. webstorm 破解方式

    注册时,在打开的License Activation窗口中选择“License server”,在输入框输入下面的网址: http://idea.iteblog.com/key.php 点击:Acti ...

  3. Rails生成随机字符串及加解密

    1.生成安全的base64字符串 key = SecureRandom.urlsafe_base64

  4. 手机SD卡损坏补救措施

    现在的应用程序越来越重,比如微信.来往之类的,稍微用一段时间,就会占用几十MB甚至上百MB的空间.而有时候甚至手机会出现"无响应"的现象,需要你选择"继续等待" ...

  5. unity3D克隆50个游戏对象并输出Json格式的文本

    http://wenku.baidu.com/link?url=tl8q_aj1n-U267XkKtSZISaw6jKJ1woh4CJkDUr1AwEzllSAv7P0r7cawXXSyDVXNf6m ...

  6. 移动端H5页面 input 获取焦点时,虚拟键盘挡住input输入框解决方法

    在移动端h5开发的时候,发现如果input在页面底部,当触发input焦点的时候会弹出系统虚拟键盘,虚拟键盘会遮挡input输入框.这会很影响用户体验,于是在网上找到了如下的解决办法: 方法一:使用w ...

  7. 远程调用——hessian使用入门

    Hessian是一个轻量级的remoting onhttp工具,使用简单的方法提供了RMI的功能. 相比WebService,Hessian更简单.快捷.采用的是二进制RPC协议,因为采用的是二进制协 ...

  8. 转MQTT SERVER 性能测试报告

    硬件环境: 内存4G CPU4核 SERVER及端口: apollo端口 61619 mosquitto:端口 1884 activeMQ端口:1883 emqtt 端口1885 测试方法 并发测试: ...

  9. 构建基于Javascript的移动web CMS入门——简单介绍

    看到项目上的移动框架,网上寻找了一下,发现原来这些一開始都有. 于是,找了个演示样例開始构建一个移动平台的CMS--墨颀 CMS,方便项目深入理解的同一时候.也能够自己维护一个CMS系统. 构建框架 ...

  10. JS倒计时效果

    [html] <div id="time"></div> <script> var pad = function(num){ return nu ...