JS对象与json字符串格式转变实例,js深入分析json读取List中的实体对象示例web前端

By admin in web前端 on 2019年7月30日

1、由后台action 传给前台是需要将map 转成json格式

本文实例讲述了JS对象与json字符串格式转换的实现方法,分享给大家供大家参考。具体实现方法如下:

复制代码 代码如下:

复制代码 代码如下:

Map<String, List> resultMap;
JSONObject json = JSONObject.fromObject(resultMap);
message = json.toString();

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

List中存放多个student对象

        //通过字面量的形式来定义对象
        var obj1 = { “Name”: “八戒”, “Age”: “500” };
        var arr = [{ “Name”: “八戒”, “Age”: “500” }, { “Name”: “八戒1”,
“Age”: “1000” }];

2、前台js 中先将结果json串转成对象

       
//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>

var obj = eval(“(“+data+”)”);

在前端js对象和json对象的互转:

3、遍历取list 中的对象

一、JS对象转换成为JSON

复制代码 代码如下:

处理:引用一个json2.js文件,调用JSON.stringify()方法。例如:

for(var key in obj){ //第一层循环取到各个list
var List = obj[key];
for(var student in List){ //第二层循环取list中的对象
alert(List[student ].id);
alert(List[student ].name);
}
}

复制代码 代码如下:

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

var data = new Object();
var json_data = JSON.stringify(data);

在线JSON代码检验、检验、美化、格式化工具:

 
PS:json2.js这个文件在网上搜一下就能下载到。

JSON在线格式化工具:

二、JSON转换成为JS

在线XML/JSON互相转换工具:

1.处理:用jQuery的一个方法$.parseJSON()将JSON格式的数据转成JS对象。例如:

json代码在线格式化/美化/压缩/编辑/转换工具:

复制代码 代码如下:

在线json压缩/转义工具:

var json_data = $.getJSON();
var data = $.parseJSON(json_data);

(可用来成转换js数组)

C语言风格/HTML/CSS/json代码格式化美化工具:

2.将json转换成js对象的方法:

您可能感兴趣的文章:

  • js
    将json字符串转换为json对象的方法解析
  • 解析JSON对象与字符串之间的相互转换
  • JS解析json数据并将json字符串转化为数组的实现方法
  • 浅析ajax请求json数据并用js解析(示例分析)
  • js解析与序列化json数据(一)json.stringify()的基本用法
  • js/jquery解析json和数组格式的方法详解
  • js解析与序列化json数据(二)序列化探讨
  • JavaScript中解析JSON数据的三种方法
  • 使用PHP接收POST数据,解析json数据
  • JavaScript解析JSON格式数据的方法示例

复制代码 代码如下:

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代码检验、检验、美化、格式化工具:

JSON在线格式化工具:

在线XML/JSON互相转换工具:

json代码在线格式化/美化/压缩/编辑/转换工具:

在线json压缩/转义工具:

C语言风格/HTML/CSS/json代码格式化美化工具:

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

您可能感兴趣的文章:

  • jQuery.parseJSON(json)将JSON字符串转换成js对象
  • Json字符串转换为JS对象的高效方法实例
  • Json对象与Json字符串互转(4种转换方式)
  • js
    将json字符串转换为json对象的方法解析
  • js中把JSON字符串转换成JSON对象最好的方法
  • 将JSON字符串转换成Map对象的方法
  • Java中Json字符串直接转换为对象的方法(包括多层List集合)
  • JSON字符串和对象之间的转换详解
  • JS对象与json字符串相互转换实现方法示例

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图
Copyright @ 2010-2019 澳门新葡亰官网app 版权所有