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经典效果集锦
Jul 06 Javascript
javascript判断非数字的简单例子
Jul 18 Javascript
ExtJS中设置下拉列表框不可编辑的方法
May 07 Javascript
Jquery Post处理后不进入回调的原因及解决方法
Jul 15 Javascript
使用VS开发 Node.js指南
Jan 06 Javascript
浅谈es6语法 (Proxy和Reflect的对比)
Oct 24 Javascript
通过jquery toggleClass()属性制作文章段落更改背景颜色
May 21 jQuery
小程序测试后台服务的方法(ngrok)
Mar 08 Javascript
layerui代码控制tab选项卡,添加,关闭的实例
Sep 04 Javascript
JavaScript实现Excel表格效果
Feb 07 Javascript
Vue-router中hash模式与history模式的区别详解
Dec 15 Vue.js
解读Vue组件注册方式
May 15 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购物网站支付paypal使用方法
2010/11/28 PHP
PHP--用万网的接口实现域名查询功能
2012/12/13 PHP
php使用timthumb生成缩略图的方法
2016/01/22 PHP
ThinkPHP连接Oracle数据库
2016/04/22 PHP
动态表单验证的操作方法和TP框架里面的ajax表单验证
2017/07/19 PHP
PHP使用星号替代用户名手机和邮箱的实现代码
2018/02/07 PHP
PHP SPL 被遗落的宝石【SPL应用浅析】
2018/04/20 PHP
PHP实现微信提现(企业付款到零钱)
2019/08/01 PHP
php使用fputcsv实现大数据的导出操作详解
2020/02/27 PHP
Windows系统下使用Sublime搭建nodejs环境
2015/04/13 NodeJs
JS实现图片高斯模糊切换效果的焦点图实例
2017/01/21 Javascript
js移动端图片压缩上传功能
2020/08/18 Javascript
nodejs实现爬取网站图片功能
2017/12/14 NodeJs
vue 项目常用加载器及配置详解
2018/01/22 Javascript
webpack 从指定入口文件中提取公共文件的方法
2018/11/13 Javascript
webpack4.x下babel的安装、配置及使用详解
2019/03/07 Javascript
JQuery获取元素尺寸、位置及页面滚动事件应用示例
2019/05/14 jQuery
JS实现容器模块左右拖动效果
2020/01/14 Javascript
node.js制作一个简单的登录拦截器
2020/02/10 Javascript
openlayers4.6.5实现距离量测和面积量测
2020/09/25 Javascript
[01:22:29]真视界:2019年国际邀请赛总决赛
2020/01/29 DOTA
python的三目运算符和not in运算符使用示例
2014/03/03 Python
详解Python中的Descriptor描述符类
2016/06/14 Python
浅谈numpy数组的几种排序方式
2017/12/15 Python
基于python3实现倒叙字符串
2020/02/18 Python
解决Django中checkbox复选框的传值问题
2020/03/31 Python
使用Jupyter notebooks上传文件夹或大量数据到服务器
2020/04/14 Python
计算Python Numpy向量之间的欧氏距离实例
2020/05/22 Python
Python matplotlib模块及柱状图用法解析
2020/08/10 Python
秘书专业自荐信范文
2013/12/26 职场文书
职业生涯规划怎么写
2013/12/29 职场文书
活动邀请函范文
2014/01/19 职场文书
研修第一天随笔感言
2014/02/15 职场文书
营销与策划专业求职信
2014/06/20 职场文书
2015民办小学年度工作总结
2015/05/26 职场文书
2019年最新证婚词精选集!
2019/06/28 职场文书