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 相关文章推荐
在js中使用&quot;with&quot;语句中跨frame的变量引用问题
Mar 08 Javascript
js出生日期 年月日级联菜单示例代码
Jan 10 Javascript
js获取微信版本号的方法
May 12 Javascript
jQuery实现的登录浮动框效果代码
Sep 26 Javascript
基于JS实现翻书效果的页面切换样式
Feb 16 Javascript
ejsExcel模板在Vue.js项目中的实际运用
Jan 27 Javascript
JavaScript学习笔记之DOM操作实例分析
Jan 08 Javascript
Vue项目路由刷新的实现代码
Apr 17 Javascript
通过JS深度判断两个对象字段相同
Jun 14 Javascript
新手如何快速理解js异步编程
Jun 24 Javascript
微信小程序中的video视频实现 自定义播放按钮、封面图、视频封面上文案
Jan 02 Javascript
vue路由的配置和页面切换详解
Sep 09 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
虫族 Zerg 历史背景
2020/03/14 星际争霸
我的论坛源代码(九)
2006/10/09 PHP
防止MySQL注入或HTML表单滥用的PHP程序
2009/01/21 PHP
php 分库分表hash算法
2009/11/12 PHP
Php图像处理类代码分享
2012/01/19 PHP
PHP中使用foreach和引用导致程序BUG的问题介绍
2012/09/05 PHP
使用php从身份证号中获取一系列线索(星座、生肖、生日等)
2016/05/11 PHP
THINKPHP在添加数据的时候获取主键id的值方法
2017/04/03 PHP
浏览器无法运行JAVA脚本的解决方法
2008/01/09 Javascript
子窗口、父窗口和Silverlight之间的相互调用
2010/08/16 Javascript
JS定时器实例详细分析
2013/10/11 Javascript
jquery动态更换设置背景图的方法
2014/03/25 Javascript
用console.table()调试javascript
2014/09/04 Javascript
JavaScript生成随机字符串的方法
2015/03/19 Javascript
json定义及jquery操作json的方法
2016/10/03 Javascript
自制简易打赏功能的实例
2017/09/02 Javascript
JS使用对象的defineProperty进行变量监控操作示例
2019/02/02 Javascript
由浅入深讲解python中的yield与generator
2017/04/05 Python
Python实现的json文件读取及中文乱码显示问题解决方法
2018/08/06 Python
Python tkinter label 更新方法
2018/10/11 Python
python使用udp实现聊天器功能
2018/12/10 Python
python实现给scatter设置颜色渐变条colorbar的方法
2018/12/13 Python
Django REST Framework序列化外键获取外键的值方法
2019/07/26 Python
Python字符串处理的8招秘籍(小结)
2019/08/13 Python
解决python web项目意外关闭,但占用端口的问题
2019/12/17 Python
详解CSS的border边框属性及其在CSS3中的新特性
2016/05/10 HTML / CSS
使用CSS3制作饼状旋转载入效果的实例
2015/06/23 HTML / CSS
GLAMGLOW香港官网:明星出镜前的秘密武器
2017/03/16 全球购物
Foot Locker英国官网:美国知名运动产品零售商
2019/02/21 全球购物
会计职业生涯规划范文
2014/01/04 职场文书
优秀交警事迹材料
2014/01/26 职场文书
消防安全责任书范本
2014/04/15 职场文书
党员教师一句话承诺
2014/05/30 职场文书
2015秋季小学开学寄语
2015/05/27 职场文书
2016学习依法治国心得体会
2016/01/15 职场文书
MySQL中int (10) 和 int (11) 的区别
2022/01/22 MySQL