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 dom 操作详解 js加强
Jul 13 Javascript
JQuery调用WebServices的方法和4个实例
May 06 Javascript
js实现添加可信站点、修改activex安全设置,禁用弹出窗口阻止程序
Aug 17 Javascript
基于JavaScript实现点击页面任何位置返回
Aug 31 Javascript
VueJs路由跳转——vue-router的使用详解
Jan 10 Javascript
javaScript中封装的各种写法示例(推荐)
Jul 03 Javascript
vue2.0设置proxyTable使用axios进行跨域请求的方法
Oct 19 Javascript
如何使用puppet替换文件中的string
Dec 06 Javascript
JQuery实现ajax请求的示例和注意事项
Dec 10 jQuery
Vue中使用create-keyframe-animation与动画钩子完成复杂动画
Apr 09 Javascript
vue2路由方式--嵌套路由实现方法分析
Mar 06 Javascript
一文带你理解vue创建一个后台管理系统流程(Vue+Element)
May 18 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/03/27 PHP
分享php邮件管理器源码
2016/01/06 PHP
用jquery和json从后台获得数据集的代码
2011/11/07 Javascript
jQuery源码分析-03构造jQuery对象-工具函数
2011/11/14 Javascript
jquery二级导航内容均分的原理及实现
2013/08/13 Javascript
使用jquery解析XML的方法
2014/09/05 Javascript
Javascript 中创建自定义对象的方法汇总
2014/12/04 Javascript
利用bootstrapValidator验证UEditor
2016/09/14 Javascript
D3.js实现折线图的方法详解
2016/09/21 Javascript
Form表单按回车自动提交表单的实现方法
2016/11/18 Javascript
浅谈js键盘事件全面控制
2016/12/01 Javascript
vue-hook-form使用详解
2017/04/07 Javascript
react-native使用react-navigation进行页面跳转导航的示例
2017/09/07 Javascript
Vue自定义指令封装节流函数的方法示例
2018/07/09 Javascript
JavaScript实现的鼠标跟随特效示例【2则实例】
2018/12/22 Javascript
一文读懂ES7中的javascript修饰器
2019/05/06 Javascript
Element实现表格分页数据选择+全选所有完善批量操作
2019/06/07 Javascript
Vue.js自定义指令学习使用详解
2019/10/19 Javascript
Node.js学习之内置模块fs用法示例
2020/01/22 Javascript
koa2的中间件功能及应用示例
2020/03/05 Javascript
Python3 Tkinter选择路径功能的实现方法
2019/06/14 Python
Python IDLE或shell中切换路径的操作
2020/03/09 Python
HTML5+CSS3 实现灵动的动画 TAB 切换效果(DEMO)
2017/09/15 HTML / CSS
美国知名运动产品零售商:Foot Locker
2016/07/23 全球购物
英国拳击装备购物网站:RDX Sports
2018/01/23 全球购物
新加坡网上美容店:Hermo新加坡
2019/06/19 全球购物
Deichmann英国:德国鞋类零售商
2021/01/30 全球购物
出纳岗位职责
2013/11/09 职场文书
法律顾问服务方案
2014/05/15 职场文书
体现团队精神的口号
2014/06/06 职场文书
体育专业求职信
2014/07/16 职场文书
医院护士见习期自我鉴定
2014/09/15 职场文书
购房协议书范本(无房产证)
2014/10/07 职场文书
师德师风培训感言
2015/08/03 职场文书
《比的意义》教学反思
2016/02/18 职场文书
Python创建SQL数据库流程逐步讲解
2022/09/23 Python