ajax中JSON.stringify()和JSON.parse()方法的使用
阿新 • • 發佈：2019-02-16
我們平時使用ajax向後臺傳遞資料時，通常會傳遞json格式的資料，當然這裡還有其它格式，比如xml、html、script、text、jsonp格式。
2、使用JSON.stringify()，將JSON物件轉換為JSON型別的字串示例如下：
json型別的資料包含json物件和json型別的字串
JSON.stringify()，將JSON物件轉換為JSON型別的字串
JSON.parse()，將JSON型別的字串轉換為JSON物件
使用詳情見下面4個示例。
1、直接傳遞json物件，示例如下：<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> 2、使用JSON.stringify()，將JSON物件轉換為JSON型別的字串示例如下：
<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> 3、直接傳遞JSON型別的字串，如下：
<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> 4、使用JSON.parse()，將JSON型別的字串轉換為JSON物件，示例如下：
<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>