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下判断是否为闰年的Datetime包
Oct 26 Javascript
Jquery公告滚动+AJAX后台得到数据
Apr 14 Javascript
关于js数组去重的问题小结
Jan 24 Javascript
借助javascript代码判断网页是静态还是伪静态
May 05 Javascript
Jquery动态添加及删除页面节点元素示例代码
Jun 16 Javascript
js事件绑定快捷键以ctrl+k为例
Sep 30 Javascript
JavaScript编写点击查看大图的页面半透明遮罩层效果实例
May 09 Javascript
js遍历json对象所有key及根据动态key获取值的方法(必看)
Mar 09 Javascript
微信小程序在text文本实现多种字体样式
Nov 08 Javascript
JavaScript异步操作的几种常见处理方法实例总结
May 11 Javascript
微信小程序动态评分展示/五角星展示/半颗星展示/自定义长度展示功能的实现
Jul 22 Javascript
javascript实现数字时钟效果
Feb 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+Html+缓存
2006/11/25 PHP
PHP中基本符号及使用方法
2010/03/23 PHP
PHP中单引号与双引号的区别分析
2014/08/19 PHP
php使用pdo连接并查询sql数据库的方法
2014/12/24 PHP
php实现parent调用父类的构造方法与被覆写的方法
2015/02/11 PHP
yii2.0数据库迁移教程【多个数据库同时同步数据】
2016/10/08 PHP
jquery事件机制扩展插件 jquery鼠标右键事件
2011/12/21 Javascript
常用jQuery选择器总结
2014/07/11 Javascript
jQuery实现带有动画效果的回到顶部和底部代码
2015/11/04 Javascript
jQuery实现获取table表格第一列值的方法
2016/03/01 Javascript
js一维数组、多维数组和对象的混合使用方法
2016/04/03 Javascript
javascript中去除数组重复元素的实现方法【实例】
2016/04/12 Javascript
jQuery简单注册和禁用全局事件的方法
2016/07/25 Javascript
最常见和最有用的字符串相关的方法详解
2017/02/06 Javascript
使用Node.js实现RESTful API的示例
2017/08/01 Javascript
jQury Ajax使用Token验证身份实例代码
2017/09/22 Javascript
json对象及数组键值的深度大小写转换问题详解
2018/03/30 Javascript
详解js的视频和音频采集
2018/08/09 Javascript
Python中random模块用法实例分析
2015/05/19 Python
numpy 进行数组拼接,分别在行和列上合并的实例
2018/05/08 Python
python使用matplotlib模块绘制多条折线图、散点图
2020/04/26 Python
Python进阶之使用selenium爬取淘宝商品信息功能示例
2019/09/16 Python
python 并发下载器实现方法示例
2019/11/22 Python
python开发实例之python使用Websocket库开发简单聊天工具实例详解(python+Websocket+JS)
2020/03/18 Python
HTML5中的进度条progress元素简介及兼容性处理
2016/06/02 HTML / CSS
HTML table 表格边框的实现思路
2019/10/12 HTML / CSS
澳大利亚现代波西米亚风格女装网站:Bohemian Traders
2018/04/16 全球购物
英国Flybe航空官网:欧洲最大的独立支线廉价航空公司
2019/07/15 全球购物
正宗的日本零食和糖果订阅盒:Bokksu
2019/11/21 全球购物
舞蹈教育学专业推荐信
2013/11/27 职场文书
煤矿班组长的职责
2013/12/25 职场文书
初二政治教学反思
2014/01/12 职场文书
市三好学生主要事迹
2014/01/28 职场文书
导师推荐信范文
2014/05/09 职场文书
2015年公务员工作总结
2015/04/24 职场文书
正确使用MySQL INSERT INTO语句
2021/05/26 MySQL