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

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

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

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

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

使用详情见下面4个示例。

1、直接传递json对象，示例如下：

[html]  view plain  copy

1. <span style="font-size:14px;"><script>  
2. 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"}]}  
3. $.ajax({  
4.                 type: "POST",  
5.                 contentType: "application/json;charset=utf-8",  
6.                 url: "ApplyEdit.aspx/SaveParticipant",  
7.                 data: jsondata,  
8.                 dataType: "json",  
9.                 complete: function () { },  
10.                 success: function (result) {  
11.                 },  
12.                 error: function (result, status) { }  
13.             });  
14. </script></span>  

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

[html]  view plain  copy

1. <span style="font-size:14px;"><script>  
2. 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"}]}  
3. $.ajax({  
4.                 type: "POST",  
5.                 contentType: "application/json;charset=utf-8",  
6.                 url: "ApplyEdit.aspx/SaveParticipant",  
7.                 data: JSON.stringify(jsondata),  
8.                 dataType: "json",  
9.                 complete: function () { },  
10.                 success: function (result) {  
11.                 },  
12.                 error: function (result, status) { }  
13.             });  
14. </script></span>  

3、直接传递JSON类型的字符串，如下：

[html]  view plain  copy

1. <span style="font-size:14px;"><script>  
2. var jsondata="{\"name\":\""+name+"\",\"password\":\""+password+"\"}";  
3. $.ajax({  
4.                 type: "POST",  
5.                 contentType: "application/json;charset=utf-8",  
6.                 url: "ApplyEdit.aspx/SaveParticipant",  
7.                 data: jsondata,  
8.                 dataType: "json",  
9.                 complete: function () { },  
10.                 success: function (result) {  
11.                 },  
12.                 error: function (result, status) { }  
13.             });  
14. </script></span>  

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

[html]  view plain  copy

1. <span style="font-size:14px;"><script>  
2. var jsondata="{\"name\":\""+name+"\",\"password\":\""+password+"\"}";  
3. $.ajax({  
4.                 type: "POST",  
5.                 contentType: "application/json;charset=utf-8",  
6.                 url: "ApplyEdit.aspx/SaveParticipant",  
7.                 data: JSON.parse(jsondata),  
8.                 dataType: "json",  
9.                 complete: function () { },  
10.                 success: function (result) {  
11.                 },  
12.                 error: function (result, status) { }  
13.             });  
14. </script></span>