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>