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 相关文章推荐
Javascript this 的一些学习总结
Aug 02 Javascript
Jquery获取元素的父容器对象示例代码
Feb 10 Javascript
Javascript获取CSS伪元素属性的实现代码
Sep 28 Javascript
JavaScript实现自动弹出窗口并自动关闭窗口的方法
Aug 06 Javascript
jQuery实现动态表单验证时文本框抖动效果完整实例
Aug 21 Javascript
bootstrap中使用google prettify让代码高亮的方法
Oct 21 Javascript
快速掌握jQuery插件开发
Jan 19 Javascript
Javascript中的 “&amp;” 和 “|” 详解
Feb 02 Javascript
详解angular element()方法使用
Apr 08 Javascript
AngularJS实现表格的增删改查(仅限前端)
Jul 04 Javascript
BootStrap的双日历时间控件使用
Jul 25 Javascript
React学习笔记之列表渲染示例详解
Aug 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二维数组用键名分组相加实例函数
2013/11/06 PHP
php 批量替换html标签的实例代码
2013/11/26 PHP
PHP 数据结构队列(SplQueue)和优先队列(SplPriorityQueue)简单使用实例
2015/05/12 PHP
PHP邮件群发机实现代码
2016/02/16 PHP
jquery 新浪网易的评论块制作
2010/07/01 Javascript
js 完美图片新闻轮转效果,腾讯大粤网首页图片轮转改造而来
2011/11/21 Javascript
jquery.autocomplete修改实现键盘上下键自动填充示例
2013/11/19 Javascript
5款JavaScript代码压缩工具推荐
2014/07/07 Javascript
iframe里面的元素触发父窗口元素事件的jquery代码
2014/10/19 Javascript
js获取内联样式的方法
2015/01/27 Javascript
jQuery实现分章节锚点“回到顶部”动画特效代码
2015/10/23 Javascript
jQuery中通过ajax调用webservice传递数组参数的问题实例详解
2016/05/20 Javascript
Angular.js中用ng-repeat-start实现自定义显示
2016/10/18 Javascript
ES6 javascript中Class类继承用法实例详解
2017/10/30 Javascript
Django与Vue语法的冲突问题完美解决方法
2017/12/14 Javascript
js代码规范之Eslint安装与配置详解
2018/09/08 Javascript
vue父组件触发事件改变子组件的值的方法实例详解
2019/05/07 Javascript
微信小程序获取位置展示地图并标注信息的实例代码
2019/09/01 Javascript
vue如何使用async、await实现同步请求
2019/12/09 Javascript
js通过canvas生成图片缩略图
2020/10/02 Javascript
[48:47]VGJ.S vs NB 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python基于pillow判断图片完整性的方法
2016/09/18 Python
Python中with及contextlib的用法详解
2017/06/08 Python
利用python如何处理百万条数据(适用java新手)
2018/06/06 Python
Python 一键获取百度网盘提取码的方法
2019/08/01 Python
利用python计算时间差(返回天数)
2019/09/07 Python
Django2 连接MySQL及model测试实例分析
2019/12/10 Python
Python实现上下文管理器的方法
2020/08/07 Python
python matplotlib库的基本使用
2020/09/23 Python
python使用re模块爬取豆瓣Top250电影
2020/10/20 Python
比驿:全球酒店比价网
2018/06/20 全球购物
Nike瑞典官方网站:Nike.com (SE)
2018/11/26 全球购物
中学社团活动总结
2015/05/07 职场文书
2015年党风廉政建设目标责任书
2015/05/08 职场文书
对Golang中的FORM相关字段理解
2021/05/02 Golang
Nginx内网单机反向代理的实现
2021/11/07 Servers