ajax中JSON.stringify()和JSON.parse()方法的使用 – CSDN博客

我们平时使用ajax向后台传递数据时,通常会传递json格式的数据(写在dataType中),当然这里还有其它格式,比如xml、html、script、text、jsonp格式。json类型的数据包含json对象和json类型的字符串1、json对象示例如下:var jsondata={“Participant”:[{“Name_1″:”1″,”Position_1”:”1

来源: ajax中JSON.stringify()和JSON.parse()方法的使用 – CSDN博客

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

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

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

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

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

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

  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类型的字符串示例如下:

  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类型的字符串,如下:

  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对象,示例如下:

  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>
分享到: 更多 (0)