编程 Javascript

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);

JS对象与json字符串格式转换实例

- Author -

shichen2014

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

改进：论坛UBB代码自动插入方式

Dec 22 Javascript

javascript 解析后的xml对象的读取方法细解

Jul 25 Javascript

javascript 冒泡排序正序和倒序实现代码

Dec 14 Javascript

Js如何判断客户端是PC还是手持设备简单分析

Nov 22 Javascript

JavaScript严格模式禁用With语句的原因

Oct 20 Javascript

简述JavaScript中正则表达式的使用方法

Jun 15 Javascript

深入分析jsonp协议原理

Sep 26 Javascript

javascript实现添加附件功能的方法

Nov 18 Javascript

layUI实现三级导航菜单效果

Jul 26 Javascript

webpack proxy 使用(代理的使用)

Jan 10 Javascript

原生js实现日历效果

Mar 02 Javascript

Vue如何基于es6导入外部js文件

May 15 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