脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JS对象与json字符串格式转换

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

 更新时间：2014年10月28日 09:57:35   投稿：shichen2014  
这篇文章主要介绍了JS对象与json字符串格式转换方法,以实例的形式详细讲述了js对象与json字符串格式转换的技巧,需要的朋友可以参考下

本文实例讲述了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);

PS：关于json操作，这里再为大家推荐几款比较实用的json在线工具供大家参考使用：

在线JSON代码检验、检验、美化、格式化工具：
http://tools.jb51.net/code/json

JSON在线格式化工具：
http://tools.jb51.net/code/jsonformat

在线XML/JSON互相转换工具：
http://tools.jb51.net/code/xmljson

json代码在线格式化/美化/压缩/编辑/转换工具：
http://tools.jb51.net/code/jsoncodeformat

在线json压缩/转义工具：

http://tools.jb51.net/code/json_yasuo_trans

C语言风格/HTML/CSS/json代码格式化美化工具：
http://tools.jb51.net/code/ccode_html_css_json

希望本文所述对大家的web程序设计能有所帮助。

您可能感兴趣的文章:

相关文章

  • javascript定时器完整实例

    javascript定时器完整实例

    这篇文章主要介绍了javascript定时器完整实现方法,以实例形式分析了定时器的嵌套调用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-02-02
  • 基于javascript实现彩票随机数生成（简单版）

    基于javascript实现彩票随机数生成（简单版）

    这篇文章主要介绍了基于javascript实现彩票随机数生成的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-01-01
  • JS实现回到页面顶部动画效果的简单实例

    JS实现回到页面顶部动画效果的简单实例

    下面小编就为大家带来一篇JS实现回到页面顶部动画效果的简单实例。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • 基于JS+HTML实现弹窗提示是否确认提交功能

    基于JS+HTML实现弹窗提示是否确认提交功能

    这篇文章主要介绍了基于JS+HTML实现弹窗提示是否确认提交功能,需要的朋友可以参考下
    2020-06-06
  • Chrome不支持showModalDialog模态对话框和无法返回returnValue问题的解决方法

    Chrome不支持showModalDialog模态对话框和无法返回returnValue问题的解决方法

    上个礼拜修改测试一个后台管理项目，在测试与各个浏览器兼容性的时候，发现在chrome浏览器下showModalDialog方法显示的并不是模态对话框，就像新打开一个页面一样，父窗口仍然可以随意获取焦点，并可以打开多个窗体，而且返回值returnValue也无法返回，一直是undefined
    2016-10-10
  • 轻松实现Bootstrap图片轮播

    轻松实现Bootstrap图片轮播

    这篇文章主要介绍了全面解析Bootstrap图片轮播效果，Bootstrap提供了carousel插件，实现图片轮播非常方便，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-01-01
  • 详解webpack4之splitchunksPlugin代码包分拆

    详解webpack4之splitchunksPlugin代码包分拆

    这篇文章主要介绍了详解webpack4之splitchunksPlugin代码包分拆，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-12-12
  • 用javascript做拖动布局的思路

    用javascript做拖动布局的思路

    这几天不是很忙，就找了些拖动布局方面的资料看看，也学着写了个拖动布局的效果，没想到花了好多时间，七拼八凑，总算是把这个效果写出来了。
    2010-10-10
  • 浅谈JS函数节流防抖

    浅谈JS函数节流防抖

    本篇文章主要介绍了JS函数节流防抖，函数节流和函数防抖为了解决类似需求应运而生的，有兴趣的可以了解一下
    2017-10-10
  • js+html5实现的自由落体运动效果代码

    js+html5实现的自由落体运动效果代码

    这篇文章主要介绍了js+html5实现的自由落体运动效果,通过JavaScript结合html5元素调用时间函数实时计算实现物体自由下落及动能损耗的效果,需要的朋友可以参考下
    2016-01-01

最新评论