本文详细介绍了使用Ajax向后台传递JSON格式数据的四种常见方式：直接传递JSON对象、使用JSON.stringify()转换JSON对象为字符串、直接传递JSON字符串以及使用JSON.parse()将字符串还原为JSON对象。通过示例展示了如何在JavaScript中实现这些操作，以在前端与后端之间有效传输数据。
我們平時使用ajax向后台傳遞數據時，通常會傳遞json格式的數據，當然這里還有其它格式，比如xml、html、script、text、jsonp格式。
json類型的數據包含json對象和json類型的字符串
JSON.stringify()，將JSON對象轉換為JSON類型的字符串
JSON.parse()，將JSON類型的字符串轉換為JSON對象
使用詳情見下面4個示例。
1、直接傳遞json對象，示例如下：
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) { }
});
2、使用JSON.stringify()，將JSON對象轉換為JSON類型的字符串示例如下：
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) { }
});
3、直接傳遞JSON類型的字符串，如下：
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) { }
});
4、使用JSON.parse()，將JSON類型的字符串轉換為JSON對象，示例如下：
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) { }
});
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
