博客列表 >ajax中JSON.stringify()和JSON.parse()方法的使用

ajax中JSON.stringify()和JSON.parse()方法的使用

dxp2tq的博客
dxp2tq的博客原创
2017年10月21日 13:22:543403浏览

一、我们平时使用ajax向后台传递数据时,通常会传递json格式的数据,当然这里还有其它格式,比如xml、html、script、text、jsonp格式。

json类型的数据包含json对象和json类型的字符串

JSON.stringify(),将JSON对象转换为JSON类型的字符串

JSON.parse(),将JSON类型的字符串转换为JSON对象

1、直接传递json对象,示例如下:

<span style="font-size:14px;"><script>  

var jsondata={"Participant":[{"Name_1":"1","Position_1":"1","Tel_1":"1","Mobile_1":"1","Ohter_1":"1"},{"Name_2":"1","Position_2":"1","Tel_2":"2","Mobile_2":"2","Ohter_2":"2"}]}  

$.ajax({  

                type: "POST",  

                contentType: "application/json;charset=utf-8",  

                url: "ApplyEdit.aspx/SaveParticipant",  

                data: jsondata,  

                dataType: "json",  

                complete: function () { },  

                success: function (result) {  

                },  

                error: function (result, status) { }  

            });  

</script></span> 

2、使用JSON.stringify(),将JSON对象转换为JSON类型的字符串示例如下:

<span style="font-size:14px;"><script>  

var jsondata={"Participant":[{"Name_1":"1","Position_1":"1","Tel_1":"1","Mobile_1":"1","Ohter_1":"1"},{"Name_2":"1","Position_2":"1","Tel_2":"2","Mobile_2":"2","Ohter_2":"2"}]}  

$.ajax({  

                type: "POST",  

                contentType: "application/json;charset=utf-8",  

                url: "ApplyEdit.aspx/SaveParticipant",  

                data: JSON.stringify(jsondata),  

                dataType: "json",  

                complete: function () { },  

                success: function (result) {  

                },  

                error: function (result, status) { }  

            });  

</script></span>  

3、直接传递JSON类型的字符串,如下:

<span style="font-size:14px;"><script>  

var jsondata="{\"name\":\""+name+"\",\"password\":\""+password+"\"}";  

$.ajax({  

                type: "POST",  

                contentType: "application/json;charset=utf-8",  

                url: "ApplyEdit.aspx/SaveParticipant",  

                data: jsondata,  

                dataType: "json",  

                complete: function () { },  

                success: function (result) {  

                },  

                error: function (result, status) { }  

            });  

</script></span>  

4、使用JSON.parse(),将JSON类型的字符串转换为JSON对象,示例如下:

<span style="font-size:14px;"><script>  

var jsondata="{\"name\":\""+name+"\",\"password\":\""+password+"\"}";  

$.ajax({  

                type: "POST",  

                contentType: "application/json;charset=utf-8",  

                url: "ApplyEdit.aspx/SaveParticipant",  

                data: JSON.parse(jsondata),  

                dataType: "json",  

                complete: function () { },  

                success: function (result) {  

                },  

                error: function (result, status) { }  

            });  

</script></span>  

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议