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 创建快捷方式的代码(fso)
Nov 19 Javascript
javascript创建createXmlHttpRequest对象示例代码
Feb 10 Javascript
javascript实现window.print()去除页眉页脚
Dec 30 Javascript
jQuery图片轮播滚动切换代码分享
Apr 20 Javascript
JS及PHP代码编写八大排序算法
Jul 12 Javascript
angular4 如何在全局设置路由跳转动画的方法
Aug 30 Javascript
js中apply()和call()的区别与用法实例分析
Aug 14 Javascript
Vue中JS动画与Velocity.js的结合使用
Feb 13 Javascript
JavaScript数据结构与算法之二叉树遍历算法详解【先序、中序、后序】
Feb 21 Javascript
vue实现行列转换的一种方法
Aug 06 Javascript
js实现无限瀑布流实例方法
Sep 16 Javascript
详解Vite的新体验
Feb 22 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 Smarty date_format [格式化时间日期]
2010/03/15 PHP
PHP 修复未正常关闭的HTML标签实现代码(支持嵌套和就近闭合)
2012/06/07 PHP
php中文验证码实现方法
2015/06/18 PHP
深入浅析php json 格式控制
2015/12/24 PHP
PHP面试常用算法(推荐)
2016/07/22 PHP
PHP实现用户异地登录提醒功能的方法【基于thinkPHP框架】
2018/03/15 PHP
基于swoole实现多人聊天室
2018/06/14 PHP
thinkphp5框架API token身份验证功能示例
2019/05/21 PHP
jquery绑定事件不生效的解决方法
2014/02/11 Javascript
VUEJS实战之构建基础并渲染出列表(1)
2016/06/13 Javascript
jQuery3.0中的buildFragment私有函数详解
2016/08/16 Javascript
js以分隔符分隔数组中的元素并转换为字符串的方法
2016/11/16 Javascript
js点击时关闭该范围下拉菜单之外的菜单方法
2018/01/11 Javascript
vue.js项目nginx部署教程
2018/04/05 Javascript
vue路由拦截及页面跳转的设置方法
2018/05/24 Javascript
vue代码分割的实现(codesplit)
2018/11/13 Javascript
解决vue打包后刷新页面报错:Unexpected token
2019/08/27 Javascript
JavaScript如何实现监听键盘输入和鼠标监点击
2020/07/20 Javascript
[43:41]VP vs RNG 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.21.mp4
2020/07/19 DOTA
python实现基于两张图片生成圆角图标效果的方法
2015/03/26 Python
python使用matplotlib画饼状图
2018/09/25 Python
python tkinter界面居中显示的方法
2018/10/11 Python
PyCharm代码回滚,恢复历史版本的解决方法
2018/10/22 Python
Python实现常见的回文字符串算法
2018/11/14 Python
Django csrf 两种方法设置form的实例
2019/02/03 Python
Python何时应该使用Lambda函数
2019/07/02 Python
Python 3.8正式发布,来尝鲜这些新特性吧
2019/10/15 Python
python如何使用jt400.jar包代码实例
2019/12/20 Python
美国糖果店:Sugarfina
2019/02/21 全球购物
诉讼代理人授权委托书
2014/04/08 职场文书
社区学习雷锋活动总结
2014/04/25 职场文书
运动会加油稿100字
2014/09/19 职场文书
导游词之五台山
2019/10/11 职场文书
教你快速开启Apache SkyWalking的自监控
2021/04/25 Servers
python如何利用traceback获取详细的异常信息
2021/06/05 Python
Windows Server 2008 修改远程登录端口以及配置防火墙
2022/04/28 Servers