JSON.parse() 与 JSON.stringify() 与 serialize() 的使用

本文详细介绍了JSON数据格式的两种核心操作:使用JSON.parse()将JSON字符串转换为JavaScript对象或数组,以及使用JSON.stringify()将JavaScript对象转换为JSON字符串。此外,还展示了如何利用jQuery的serialize()方法来序列化表单值。

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

            1,JSON.parse()      ps: ( JQ中有一个 $.parseJSON() 作用类似 )


            将字符串解析成对象 (注意:单引号写在{}/[]外,每个属性名都必须用双引号,否则会抛出异常)


            var str1 = '{ "name":"leo" , "sex":"man" , "job":"coder" }';


            console.log(JSON.parse(str1));


            { name: "leo", sex: "man", job: "coder" }  //变为json


            var str2 = '["ewae","wwww","wwww"]';


            console.log(JSON.parse(str2));


             ["ewae","wwww","wwww"]          // 变为数组




            2,JSON.stringify()  将对象解析成字符串


            var json1 = { name: "leo", sex: "man", job: "coder" };


            console.log(JSON.stringify(json1));


            '{ name: "leo", sex: "man", job: "coder" }'  // 变为字符串


            var json2 = [1,2,3,4,5];


            console.log(JSON.stringify(json2)); // 变为字符串




            3.serialize()  输出序列化表单值


            <form action="">
                First name: <input type="text" name="FirstName" value="Bill" /><br />
                Last name: <input type="text" name="LastName" value="Gates" /><br />
            </form>


            <button>序列化表单值</button>


            $("button").click(function(){
                $("div").text($("form").serialize());
            });


            输出:FirstName=Bill&LastName=Gates
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值