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 相关文章推荐
jquery操作HTML5 的data-*的用法实例分享
Aug 17 Javascript
BAT及各大互联网公司2014前端笔试面试题--JavaScript篇
Oct 29 Javascript
node.js中的path.delimiter方法使用说明
Dec 09 Javascript
纯js模拟div层弹性运动的方法
Jul 27 Javascript
深入理解Javascript中的valueOf与toString
Jan 04 Javascript
js中less常用的方法小结
Aug 09 Javascript
解决vue 引入子组件报错的问题
Sep 06 Javascript
node链接mongodb数据库的方法详解【阿里云服务器环境ubuntu】
Mar 07 Javascript
vue.js基于v-for实现批量渲染 Json数组对象列表数据示例
Aug 03 Javascript
Vue脚手架编写试卷页面功能
Mar 17 Javascript
vue npm install 安装某个指定的版本操作
Aug 11 Javascript
vue组件是如何解析及渲染的?
Jan 13 Vue.js
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实现简单爬虫的方法
2015/07/29 PHP
Javascript调用XML制作连动下拉列表框
2006/06/25 Javascript
用javascript父窗口控制只弹出一个子窗口
2007/04/10 Javascript
jscript之Read an Excel Spreadsheet
2007/06/13 Javascript
基于jquery的放大镜效果
2012/05/30 Javascript
jQuery中实现动画效果的基本操作介绍
2013/04/16 Javascript
返回页面顶部top按钮通过锚点实现(自写)
2013/08/30 Javascript
解决Jquery load()加载GB2312页面时出现乱码的两种方案
2013/09/10 Javascript
js的.innerHTML = &quot;&quot;IE9下显示有错误的解决方法
2013/09/16 Javascript
JavaScript在网页中画圆的函数arc使用方法
2015/11/13 Javascript
js添加千分位的实现代码(超简单)
2016/08/01 Javascript
vue2.5.2使用http请求获取静态json数据的实例代码
2018/02/27 Javascript
ES6 Object方法扩展的应用实例分析
2019/06/25 Javascript
微信小程序开发摇一摇功能
2019/11/22 Javascript
PHP 502bad gateway原因及解决方案
2020/11/13 Javascript
[59:08]DOTA2上海特级锦标赛C组小组赛#2 LGD VS Newbee第一局
2016/02/27 DOTA
[48:48]完美世界DOTA2联赛PWL S3 Magama vs GXR 第一场 12.19
2020/12/24 DOTA
Python3指定路径寻找符合匹配模式文件
2015/05/22 Python
Python实现对字符串的加密解密方法示例
2017/04/29 Python
Python使用sqlalchemy模块连接数据库操作示例
2019/03/13 Python
python3.x实现base64加密和解密
2019/03/28 Python
python2.7的flask框架之引用js&amp;css等静态文件的实现方法
2019/08/22 Python
Python发送手机动态验证码代码实例
2020/02/28 Python
Python3 hashlib密码散列算法原理详解
2020/03/30 Python
Python实现在线批量美颜功能过程解析
2020/06/10 Python
Python如何实现大型数组运算(使用NumPy)
2020/07/24 Python
如何利用Python写个坦克大战
2020/11/18 Python
selenium携带cookies模拟登陆CSDN的实现
2021/01/19 Python
css3中仿放大镜效果的几种方式原理解析
2020/12/03 HTML / CSS
Sofft鞋官网:世界知名鞋类品牌
2017/03/28 全球购物
编写类String 的构造函数、析构函数和赋值函数
2012/09/09 面试题
2014年社区教育工作总结
2014/12/02 职场文书
2016元旦晚会主持词开场白和结束语
2015/12/04 职场文书
JavaScript选择器函数querySelector和querySelectorAll
2021/11/27 Javascript
redis调用二维码时的不断刷新排查分析
2022/04/01 Redis
让JavaScript代码更加精简的方法技巧
2022/06/01 Javascript