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代码在页面加载时的执行顺序介绍
May 03 Javascript
Javascript核心读书有感之类型、值和变量
Feb 11 Javascript
深入学习AngularJS中数据的双向绑定机制
Mar 04 Javascript
如何将 jQuery 从你的 Bootstrap 项目中移除(取而代之使用Vue.js)
Jul 17 jQuery
JS表单传值和URL编码转换
Mar 03 Javascript
微信小程序出现wx.getLocation再次授权问题的解决方法分析
Jan 16 Javascript
如何实现双向绑定mvvm的原理实现
May 28 Javascript
ES6 Array常用扩展的应用实例分析
Jun 26 Javascript
微信小程序之 catalog 切换实现解析
Sep 12 Javascript
javascript实现视频弹幕效果(两个版本)
Nov 28 Javascript
js实现点击生成随机div
Jan 16 Javascript
详解Vue串联过滤器的使用场景
Apr 30 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不使用copy()函数复制文件的方法
2015/03/13 PHP
详解PHP的Yii框架的运行机制及其路由功能
2016/03/17 PHP
php 获取xml接口数据的处理方法
2018/05/31 PHP
TP5框架简单登录功能实现方法示例
2019/10/31 PHP
phpmyadmin在宝塔面板里进不去的解决方案
2020/07/06 PHP
使用jscript实现二进制读写脚本代码
2008/06/09 Javascript
用tip解决Ext列宽度不够的问题
2008/12/13 Javascript
jquery.lazyload  实现图片延迟加载jquery插件
2010/02/06 Javascript
重写javascript中window.confirm的行为
2012/10/21 Javascript
js移除事件 js绑定事件实例应用
2012/11/28 Javascript
不使用浏览器运行javascript代码的方法
2013/07/24 Javascript
jquery showModelDialog的使用方法示例详解
2013/11/19 Javascript
jQuery 如何先创建、再修改、后添加DOM元素
2014/05/20 Javascript
js针对ip地址、子网掩码、网关的逻辑性判断
2016/01/06 Javascript
vue和webpack打包项目相对路径修改的方法
2018/06/15 Javascript
jQuery中实现text()的方法
2019/04/04 jQuery
微信小程序一周时间表功能实现
2019/10/17 Javascript
vue-preview动态获取图片宽高并增加旋转功能的实现
2020/07/29 Javascript
Python中用memcached来减少数据库查询次数的教程
2015/04/07 Python
Python中实现对Timestamp和Datetime及UTC时间之间的转换
2015/04/08 Python
基于python OpenCV实现动态人脸检测
2018/05/25 Python
对python实时得到鼠标位置的示例讲解
2018/10/14 Python
Python+threading模块对单个接口进行并发测试
2019/06/25 Python
Python Django框架url反向解析实现动态生成对应的url链接示例
2019/10/18 Python
基于pandas中expand的作用详解
2019/12/17 Python
移动端开发HTML5页面点击按钮后出现闪烁或黑色背景的解决办法
2018/09/19 HTML / CSS
解决html5中的video标签ios系统中无法播放使用的问题
2020/08/10 HTML / CSS
德国户外商店:eXXpozed
2020/07/25 全球购物
说明书怎么写
2014/05/06 职场文书
物价局领导班子四风问题整改措施
2014/10/26 职场文书
公务员检讨书
2014/11/01 职场文书
小学元宵节活动总结
2015/02/06 职场文书
2015年大学辅导员工作总结
2015/05/12 职场文书
2015年学校消防安全工作总结
2015/10/14 职场文书
Spring Data JPA框架Repository自定义实现
2022/04/28 Java/Android
Win11右下角图标点了没反应怎么办?Win11点击右下角图标无反应解决方法汇总
2022/07/07 数码科技