json 解析js对象-蒲公英云

json 解析js对象

- 日理万妓 2022-06-07 07:15 355阅读 0赞

json 解析js对象：

示例代码：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<!--引入json.js文件  -->
<script type="text/javascript"
    src="${pageContext.request.contextPath }/js/json.js"></script>
<!--     演示将js对象转换为一个json字符串，并将json字符串解析出来 -->
<script type="text/javascript">
    /* User类似于java中的类 */
    function User(uid, uname) {
        this.uid = uid;
        this.uname = uname;
    }
    /*创建一个js对象  */
    var user = new User(1, "张三");
    /* 将对象转换为json字符串 */
    var str = JSON.stringify(user);/*转换结果： {'uid':1,'uname':'张三'} */
    /* 将json字符串中的属性和值解析出来，解析方式有两种 */
    /*     方式一：使用json的parse方法解析*/
    var u1 = JSON.parse(str);
    /* 解析结果 */
    alert(u1.uid + "," + u1.uname);
    /*方法二：使用js原生的eval解析 */
    var u2 = eval("(" + str + ")");
    /* 解析结果 */
    alert(u2.uid + "," + u2.uname);
</script>
</head>
<body>
    <h1>json在页面中解析js对象为json字符串</h1>
</body>
</html>