felayman-----json入门(二)

iteye_20659

于 2014-04-06 14:27:00 发布

阅读量95

点赞数

文章标签： json javascript ViewUI

本文介绍了一个简单的HTML页面中如何使用JavaScript来创建、转换和解析JSON数据。通过实例演示了如何利用JSON.stringify()方法将JavaScript对象转换为JSON字符串，以及如何通过JSON.parse()将JSON字符串还原为JavaScript对象。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8"/>
    <script type="application/x-javascript">
        function print(str){
            document.write(str+"<br/>");
        }
        //下面是原生javascript对象
        var book = {
            name:"felayman",
            age:22,
            scholl:"天津大学",
            hobby:"篮球"
        };
        print(book);//输出为object
        //将javascript对象转换成JSON字符串
        var jsonTeXt = JSON.stringify(book);
        print(jsonTeXt);//输出为{"name":"felayman","age":22,"scholl":"天津大学","hobby":"篮球"}
        print(jsonTeXt.name+jsonTeXt.age);//这样得不到值
      //将json字符串解析为一个原生javascript对象
       var person = JSON.parse(jsonTeXt);
       print(person.name+person.age+person.scholl+person.hobby);
       //JSON.stringify()的两个参数
       var per1 =  JSON.stringify(book,["name","age"]);
       print(per1);
        //自定义toJSON()方法
        var Person = {
            "name":"felayman",
            "age":22,
            "hobby":"篮球",
            toJSON : function(){
                return this.age;
            }
        };
        print(Person.toJSON());
    </script>
</head>
<body>
</body>
</html>