JS对象与json字符串格式转换实例


Posted in Javascript onOctober 28, 2014

本文实例讲述了JS对象与json字符串格式转换的实现方法,分享给大家供大家参考。具体实现方法如下:

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title></title>

    <script type="text/javascript">

        var obj = new Object();

        obj.Name = "八戒"

        obj.Age = 500;
        //通过字面量的形式来定义对象

        var obj1 = { "Name": "八戒", "Age": "500" };

        var arr = [{ "Name": "八戒", "Age": "500" }, { "Name": "八戒1", "Age": "1000" }];
        //JSON格式:将json的字面量表示形式,当做字符串存放,则为json格式字符串

        var str = '{ "Name": "八戒", "Age": "500" }';

        var jsonstrarr = '[{ "Name": "八戒", "Age": "500" }, { "Name": "八戒1", "Age": "1000" }];';

        

        //将json字符串转换成js对象(数组)

        var resobj = JSON.parse(str);

        alert(resobj.Name);
    </script>

</head>

<body>

</body>

</html>

在前端js对象和json对象的互转:

一、JS对象转换成为JSON

处理:引用一个json2.js文件,调用JSON.stringify()方法。例如:

var data = new Object();

var json_data = JSON.stringify(data);

 
PS:json2.js这个文件在网上搜一下就能下载到。

二、JSON转换成为JS

1.处理:用jQuery的一个方法$.parseJSON()将JSON格式的数据转成JS对象。例如:

var json_data = $.getJSON();

var data = $.parseJSON(json_data);
(可用来成转换js数组)

2.将json转换成js对象的方法:

var json = eval('(' + result + ')');

通过上面这个表达式,就完成了将服务器端响应给客户端的Json格式的字符串解析成了一个Json(格式的)对象,名称为“json”,通过“json.”或者“json[]”的方式便可进行数据访问。
 
在后台对js对象和json对象的互转:
 
.NET Framework 4在System.Runtime.Serialization中。利用JavaScriptSerializer类对数据进行序列化和反序列化

示例:

//将param反序列列list集合

List<ApplyPart> _ApplyPart = new JavaScriptSerializer().Deserialize<List<ApplyPart>>(param);
Javascript 相关文章推荐
YUI 读码日记之 YAHOO.lang.is*
Mar 22 Javascript
JavaScript下申明对象的几种方法小结
Oct 02 Javascript
Jquery Ajax学习实例 向页面发出请求,返回XML格式数据
Mar 14 Javascript
js 异步处理进度条
Apr 01 Javascript
JavaScript中valueOf函数与toString方法深入理解
Dec 02 Javascript
JS取得绝对路径的实现代码
Jan 16 Javascript
js使用Array.prototype.sort()对数组对象排序的方法
Jan 28 Javascript
利用BootStrap的Carousel.js实现轮播图动画效果
Dec 21 Javascript
老生常谈javascript中逻辑运算符&amp;&amp;和||的返回值问题
Apr 13 Javascript
AngularJS的脏检查深入分析
Apr 22 Javascript
解决layui下拉框监听问题(监听不到值的变化)
Sep 28 Javascript
JavaScript实现队列结构过程
Dec 06 Javascript
2014年最火的Node.JS后端框架推荐
Oct 27 #Javascript
Dojo Javascript 编程规范 规范自己的JavaScript书写
Oct 26 #Javascript
JavaScript极简入门教程(三):数组
Oct 25 #Javascript
JavaScript极简入门教程(二):对象和函数
Oct 25 #Javascript
JavaScript极简入门教程(一):基础篇
Oct 25 #Javascript
上传图片预览JS脚本 Input file图片预览的实现示例
Oct 23 #Javascript
实用框架(iframe)操作代码
Oct 23 #Javascript
You might like
PHP生成带有雪花背景的验证码
2008/09/28 PHP
php正则表达式使用的详细介绍
2013/04/27 PHP
采用header定义为文件然后readfile下载(隐藏下载地址)
2014/01/31 PHP
js 数组的for循环到底应该怎么写?
2010/05/31 Javascript
JS中 用户登录系统的解决办法
2013/04/15 Javascript
JS调用CS里的带参方法实例
2013/08/01 Javascript
JS实现的用来对比两个用指定分隔符分割的字符串是否相同
2014/09/19 Javascript
Windows系统下Node.js的简单入门教程
2015/06/23 Javascript
JavaScript编程的单例设计模讲解
2015/11/10 Javascript
深入了解JavaScript的逻辑运算符(与、或)
2016/12/20 Javascript
axios取消请求的实践记录分享
2018/09/26 Javascript
微信小程序使用setData修改数组中单个对象的方法分析
2018/12/30 Javascript
详解React项目中碰到的IE问题
2019/03/14 Javascript
nodejs检测因特网是否断开的解决方案
2019/04/17 NodeJs
javascript function(函数类型)使用与注意事项小结
2019/06/10 Javascript
Vue实现多标签选择器
2019/11/28 Javascript
js模拟实现百度搜索
2020/06/28 Javascript
vue实现自定义多选按钮
2020/07/16 Javascript
python内存管理分析
2015/04/08 Python
Python OS模块常用函数说明
2015/05/23 Python
python将文本中的空格替换为换行的方法
2018/03/19 Python
numpy中的ndarray方法和属性详解
2019/05/27 Python
简单了解python gevent 协程使用及作用
2019/07/22 Python
python实现电子书翻页小程序
2019/07/23 Python
如何把外网python虚拟环境迁移到内网
2020/05/18 Python
HTML5调用手机摄像头拍照的实现思路及代码
2014/06/15 HTML / CSS
Omio美国:全欧洲低价大巴、火车和航班搜索和比价
2017/11/08 全球购物
美国新兴城市生活方式零售商:VILLA
2017/12/06 全球购物
学校安全工作制度
2014/01/19 职场文书
2014年秘书工作总结
2014/11/25 职场文书
学校党风廉政建设调研报告
2015/01/01 职场文书
护士实习自荐信
2015/03/06 职场文书
上市公司董事长岗位职责
2015/04/16 职场文书
学生会自荐信
2019/05/16 职场文书
工作转正自我鉴定范文
2019/06/21 职场文书
剑指Offer之Java算法习题精讲二叉树专项训练
2022/03/21 Java/Android