JS操作JSON总结

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。

    本文主要是对JS操作JSON的要领做下总结。

    在JSON中,有两种结构:对象和数组。

    1. 一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);“‘名称/值’ 对”之间运用 “,”(逗号)分隔。 名称用引号括起来;值如果是字符串则必须用括号,数值型则不须要。例如:

    var o={"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"};

    2. 数组是值(value)的有序集合。一个数组以“[”(左中括号)开始,“]”(右中括号)结束。值之间运用 “,”(逗号)分隔。

    例如:

    var jsonranklist=[{"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"},{"xlid":"zd","xldigitid":123456,"topscore":1500,"topplaytime":"2009-11-20"}];

    为了方便地处理JSON数据,JSON提供了json.js包,下载地址:http://www.json.org/json.js

    在数据传输流程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键。例如:

    JSON字符串:

    var str1 = '{ "name": "cxh", "sex": "man" }';

    JSON对象:

    var str2 = { "name": "cxh", "sex": "man" };

    一、JSON字符串转换为JSON对象

    要运用上面的str1,必须运用下面的要领先转化为JSON对象:

    //由JSON字符串转换为JSON对象

    var obj = eval('(' + str + ')');

或者

    var obj = str.parseJSON(); //由JSON字符串转换为JSON对象

    或者

    var obj = JSON.parse(str); //由JSON字符串转换为JSON对象

    然后,就可以这样读取:

    Alert(obj.name);

    Alert(obj.sex);

    特别留心:如果obj本来就是一个JSON对象,那么运用 eval()函数转换后(哪怕是多次转换)还是JSON对象,但是运用 parseJSON()函数处理后会有疑问(抛出语法异常)。

    二、可以运用 toJSONString()或者全局要领 JSON.stringify()将JSON对象转化为JSON字符串。

    例如:

    var last=obj.toJSONString(); //将JSON对象转化为JSON字符

    或者

    var last=JSON.stringify(obj); //将JSON对象转化为JSON字符

    alert(last);

    留心:

    上面的多个要领中,除了eval()函数是js自带的之外,其他的多个要领都来自json.js包。新版本的 JSON 修改了 API,将 JSON.stringify() 和 JSON.parse() 两个要领都注入到了 Javascript 的内建对象里面,前者变成了 Object.toJSONString(),而后者变成了 String.parseJSON()。如果提示找不到toJSONString()和parseJSON()要领,则说明您的json包版本太低。

更多相关文章
  • function addServerUrlToJson() { var json_tem = [{"name":"a","value":1}]; var arr = { "name" : "aaa", ...
  • 在数据传输过程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键.例如: JSON字符串: var str1 = '{ "name": "cxh", "sex": ...
  • 要引入:jquery-json-2.4.js 在数据传输过程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键.例如: JSON字符串: var str1 = '{ "name": "cxh&q ...
  • <?php $array =array('fds','fdsa','fdsafasd');  // json_encode($array);?> <html> <head> <script type="text/javascript"&g ...
  • ajax基础信息前面都已经介绍过了.这个就略过.使用原生js操作ajax的话还是比较容易的,跟前面的一篇内容基本差不多.使用步骤:一.创建对象 XMLHTTPRequest/ActiveOBject二.发送请求 open().send()三.服务器响应 responseText(onreadysta ...
  • 最近要使用java来操作Json数据,虽然Json用过几次,但一直没有好好总结,趁这次来总结一下java操作Json数据.Java操作Json有很多工具包,地址为http://www.json.org/,可以自己上去挑选.     这里我使用第一个org.json,最新源码地址为:https://g ...
  • ThinkPHP表单提交操作成功后执行JS操作如何刷新父页面或关闭当前页等操作
    ThinkPHP 表单提交操作成功后执行JS操作如何刷新父页面或关闭当前页等操作 1.操作成功后刷新父页面 $this->assign('jumpUrl', "javascript:window.parent.location.reload();"); $this-> ...
  • 原文地址:http://www.uncletoo.com/html/base/673.htmlJSON 是一个轻量级的文本数据交换格式,他比 XML 更小.更快,更易解析,所以在PHP开发过程中,我们经常会用它来传递数据,本文UncleToo将个大家介绍一下PHP如何操作JSON数据PHP操作JSO ...
一周排行
  • 作业1四则运算2 老师又对他的自动出题系统提出了新的要求: 1.题目避免重复: 2.可定制(数量/打印方式): 3.可以控制下列参数: 是否有乘除法:是否有括号(最多可以支持十个数参与计算):数值范围:加减有无负数( ...
  • 第十一篇SQLServer代理维护计划
    本篇文章是SQL Server代理系列的第十一篇,详细内容请参考原文 在这一系列的上一篇, ...
  • 用途代理模式是一种结构型模式. 结构  图-代理模式结构图 Subject : 定义了 RealSubject 和 Proxy 的公共接口,这样就在任何使用 RealSubject 的地方都可以使用 Proxy . ...
  •    网站静态化处理这个系列马上就要结束了,今天我要讲讲本系列最后一个重要的主题web前端优化.在开始谈论本主题之前,我想问大家一个问题,网站静态化处理技术到底是应该归属于web服务端的技术范畴还是应该归属于web前 ...
  • 关于学习Perl(本人也是刚开始学Perl,在网上也找了资料,感觉关于Perl资料很少.在http://www.perlchina.org/中国Perl协会看到建议初学者应该看Perl入门语言(第三版中文版),嘿嘿! ...
  •  FreeRADIUS 负载均衡和高可用测试环境192.168.2.226     test.com   域控 192.168.2.97   freeradius.test.com 192.168.2.92   fr ...
  • <Java学习笔记(第8版)>学习指导 如果你觉得本文对你有帮助,请点一下左下角的"好文要顶"和"收藏该文"
  • 团队:Helpdesk有五人,   支持的用户数:华南区接近3000人, 面对复杂的系统应用,对队员的工作效率要求很高4月8日,0,修改了这篇文章,改了很多错字及错句,也增删了些内容.4月9日,2,把 ...
  • 这里我说的是Virtual PC,也就是Win7里面的XP Mode,不是Virtual PC 2007SP1.XP Mode连接:http://www.microsoft.com/windows/virtual-p ...
  • 登录红帽企业版虚拟化平台,切换到存储选项卡,点击"新建域":输入名称等相关参数信息,选择数据中心勾选发现的光纤存储块,点击确定即可:添加成功: