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代码
Mar 07 Javascript
JS提交并解析后台返回的XML的代码
Nov 03 Javascript
理解Javascript_08_函数对象
Oct 15 Javascript
不使用XMLHttpRequest实现异步加载 Iframe和script
Oct 29 Javascript
jquery入门—编写一个导航条(可伸缩)
Jan 07 Javascript
Extjs4 类的定义和扩展实例
Jun 28 Javascript
Bootstrap 折叠(Collapse)插件用法实例详解
Jun 01 Javascript
canvas滤镜效果实现代码
Feb 06 Javascript
react项目实践之webpack-dev-serve
Sep 14 Javascript
element的el-table中记录滚动条位置的示例代码
Nov 06 Javascript
JavaScript进阶(一)变量声明提升实例分析
May 09 Javascript
vue实现tab栏点击高亮效果
Aug 19 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
如何提高MYSQL数据库的查询统计速度 select 索引应用
2007/04/11 PHP
php循环检测目录是否存在并创建(循环创建目录)
2011/01/06 PHP
一个php生成16位随机数的代码(两种方法)
2014/09/16 PHP
Linux安装配置php环境的方法
2016/01/14 PHP
PHP对称加密算法(DES/AES)类的实现代码
2017/11/14 PHP
PHP使用PDO实现mysql防注入功能详解
2019/12/20 PHP
jquery与prototype框架的详细对比
2013/11/21 Javascript
javascript内置对象arguments详解
2014/03/16 Javascript
ajax请求乱码的解决方法(中文乱码)
2014/04/10 Javascript
js对象基础实例分析
2015/01/13 Javascript
javascript中var的重要性分析
2015/02/11 Javascript
jQuery插件扩展操作入门示例
2017/01/16 Javascript
详解基于webpack搭建react运行环境
2017/06/01 Javascript
Laravel整合Bootstrap 4的完整方案(推荐)
2018/01/25 Javascript
使用vue-router与v-if实现tab切换遇到的问题及解决方法
2018/09/07 Javascript
Echarts之悬浮框中的数据排序问题
2018/11/08 Javascript
Vue 权限控制的两种方法(路由验证)
2019/08/16 Javascript
JQuery省市联动效果实现过程详解
2020/05/08 jQuery
Vue使用v-viewer实现图片预览
2020/10/21 Javascript
[02:39]DOTA2英雄基础教程 天怒法师
2013/11/29 DOTA
[03:28]2014DOTA2国际邀请赛 EG战队官方纪录片
2014/07/21 DOTA
[34:44]Liquid vs TNC Supermajor 胜者组 BO3 第二场 6.4
2018/06/05 DOTA
python编程实现归并排序
2017/04/14 Python
python获取时间及时间格式转换问题实例代码详解
2018/12/06 Python
Python Pandas 转换unix时间戳方式
2019/12/07 Python
Python使用type动态创建类操作示例
2020/02/29 Python
Anaconda3中的Jupyter notebook添加目录插件的实现
2020/05/18 Python
大数据分析用java还是Python
2020/07/06 Python
解决Python中导入自己写的类,被划红线,但不影响执行的问题
2020/07/13 Python
pycharm全局搜索的具体步骤
2020/07/28 Python
HTML5通用接口详解
2016/06/12 HTML / CSS
施华洛世奇美国官网:SWAROVSKI美国
2018/02/08 全球购物
华为python面试题
2016/05/03 面试题
创业开店,这样方式更合理
2019/08/26 职场文书
nginx服务器的下载安装与使用详解
2021/08/02 Servers
MySQL基础快速入门知识总结(附思维导图)
2021/09/25 MySQL