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不同页面传值的改进版
Sep 30 Javascript
JS 常用校验函数
Mar 26 Javascript
JavaScript中利用各种循环进行遍历的方式总结
Nov 10 Javascript
内容滑动切换效果jquery.hwSlide.js插件封装
Jul 07 Javascript
JavaScript6 let 新语法优势介绍
Jul 15 Javascript
详解JS中的立即执行函数
Feb 24 Javascript
纯JS实现图片验证码功能并兼容IE6-8(推荐)
Apr 19 Javascript
js图片放大镜实例讲解(必看篇)
Jul 17 Javascript
本地存储localStorage用法详解
Jul 31 Javascript
JS处理一些简单计算题
Feb 24 Javascript
浅谈微信JS-SDK 微信分享接口开发(介绍版)
Aug 15 Javascript
基于Vue实现平滑过渡的拖拽排序功能
Jun 12 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页面函数设置超时限制的方法
2014/12/01 PHP
php入门教程之Zend Studio设置与开发实例
2016/09/09 PHP
php+js实现百度地图多点标注的方法
2016/11/30 PHP
php生成二维码图片方法汇总
2016/12/17 PHP
TP5框架实现一次选择多张图片并预览的方法示例
2020/04/04 PHP
JavaScript中令你抓狂的魔术变量
2006/11/30 Javascript
Jquery ajax传递复杂参数给WebService的实现代码
2011/08/08 Javascript
12种不宜使用的Javascript语法整理
2013/11/04 Javascript
用js通过url传参把数据从一个页面传到另一个页面
2014/09/01 Javascript
Javascript前端UI框架Kit使用指南之kitjs事件管理
2014/11/28 Javascript
js友好的时间返回函数
2016/08/24 Javascript
AngularJS Phonecat实例讲解
2016/11/21 Javascript
Vue 实用分页paging实例代码
2017/04/12 Javascript
JavaScript反弹动画效果的实现代码
2017/07/13 Javascript
vue页面使用阿里oss上传功能的实例(一)
2017/08/09 Javascript
Vue中的slot使用插槽分发内容的方法
2018/03/01 Javascript
js实现json数组分组合并操作示例
2019/02/12 Javascript
JS中call()和apply()的功能及用法实例分析
2019/06/28 Javascript
vue 解决移动端弹出键盘导致页面fixed布局错乱的问题
2019/11/06 Javascript
稍微学一下Vue的数据响应式(Vue2及Vue3区别)
2019/11/21 Javascript
JS co 函数库的含义和用法实例总结
2020/04/08 Javascript
vue实现折线图 可按时间查询
2020/08/21 Javascript
antdesign-vue结合sortablejs实现两个table相互拖拽排序功能
2021/01/08 Vue.js
[54:54]Newbee vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
python检查序列seq是否含有aset中项的方法
2015/06/30 Python
python smtplib发送带附件邮件小程序
2018/05/22 Python
Appium+python自动化之连接模拟器并启动淘宝APP(超详解)
2019/06/17 Python
Python限制内存和CPU使用量的方法(Unix系统适用)
2020/08/04 Python
Numpy中的数组搜索中np.where方法详细介绍
2021/01/08 Python
Tahari ASL官方网站:高级设计师女装
2021/03/15 全球购物
《巨人的花园》教学反思
2014/02/12 职场文书
高一军训决心书
2015/02/05 职场文书
培训心得体会怎么写
2016/01/25 职场文书
送给教师们,到底该如何写好教学反思?
2019/07/02 职场文书
新手初学Java网络编程
2021/07/07 Java/Android
Win10服务全部禁用了怎么启动?Win10服务全部禁用解决方法
2022/09/23 数码科技