编程 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 相关文章推荐

jQuery 源码分析笔记(6) jQuery.data

Jun 08 Javascript

通过JavaScript控制字体大小的代码

Oct 04 Javascript

js自定义事件及事件交互原理概述(一)

Feb 01 Javascript

CSS中position属性之fixed实现div居中

Dec 14 Javascript

深入学习jQuery Validate表单验证

Jan 18 Javascript

浅谈Webpack自动化构建实践指南

Dec 18 Javascript

小程序实现列表多个批量倒计时

Jan 29 Javascript

浅谈JS和jQuery的区别

Mar 27 jQuery

JavaScript基于面向对象实现的无缝滚动轮播示例

Jan 17 Javascript

原生js实现ajax请求和JSONP跨域请求操作示例

Mar 14 Javascript

Vue自定义全局弹窗组件操作

Aug 11 Javascript

JavaScript实现点击切换功能

Jan 27 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